:root {--c-primary:#3a7bd5;--c-primary-1:#4dabf7;--c-primary-2:#5bc0eb;--c-primary-3:#63e6be;--c-primary-4:#80ffdb;--c-primary-hover:#339af0;--c-primary-active:#228be6;--c-secondary:#667eea;--c-success:#0ca678;--c-success-hover:#37b24d;--c-success-active:#2b8a3e;--c-warning:#f59f00;--c-warning-hover:#fcc419;--c-warning-active:#e67700;--c-danger:#e03131;--c-danger-hover:#f03e3e;--c-danger-active:#c92a2a;--c-info:#495057;--c-primary-linear:linear-gradient(135deg,#3a7bd5 0%,#00d2ff 100%);--c-secondary-linear:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--c-accent-linear:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--c-dark-linear:linear-gradient(135deg,#141e30 0%,#243b55 100%);--c-dark:#1c1c1c;--c-light:#f8f9fa;--c-gray:#6c757d;--c-gray-light:#e9ecef;--c-gray-dark:#343a40;--c-white:#ffffff;--c-primary-glow:rgba(58,123,213,0.4);--c-success-glow:rgba(103,194,58,0.4);--c-warning-glow:rgba(230,162,60,0.4);--c-danger-glow:rgba(245,108,108,0.4);--c-white-glass:rgba(255,255,255,0.95);--c-black-glass:rgba(23,28,43,0.95);--font-size-xs:clamp(0.8rem,3vw,0.85rem);--font-size-sm:clamp(0.75rem,2vw,0.875rem);--font-size-base:clamp(0.875rem,2vw,1rem);--font-size-lg:clamp(1rem,2vw,1.125rem);--font-size-xl:clamp(1.125rem,3vw,1.25rem);--font-size-2xl:clamp(1.25rem,3vw,1.5rem);--font-size-3xl:clamp(1.5rem,5vw,2rem);--font-size-4xl:clamp(2rem,6vw,3rem);--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--tech-blue:#3a7bd5;--tech-cyan:#00d2ff;--tech-purple:#764ba2;--tech-pink:#f5576c;--tech-green:#63e6be;--tech-dark-blue:#0f172a;--tech-light-blue:#e0f2fe;--neon-glow-blue:0 0 5px var(--tech-blue),0 0 10px var(--tech-blue),0 0 20px var(--tech-blue);--neon-glow-cyan:0 0 5px var(--tech-cyan),0 0 10px var(--tech-cyan),0 0 20px var(--tech-cyan);--neon-glow-purple:0 0 5px var(--tech-purple),0 0 10px var(--tech-purple),0 0 20px var(--tech-purple);--gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);--gradient-features:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);--gradient-advantages:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);--gradient-news:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);--gradient-header:linear-gradient(138deg,rgb(108,72,242) 10%,rgb(54,128,255) 50%,rgb(40,79,250) 80%);--gradient-trial:linear-gradient(135deg,#3a7bd5 0%,#00d2ff 100%);--gradient-card-hover:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);--decoration-gradient-primary:linear-gradient(135deg,var(--c-primary),var(--c-primary-active));--decoration-gradient-accent:linear-gradient(135deg,#627eea,#7f53ac);--glass-effect:rgba(255,255,255,0.1) background;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);--dialog-shadow:0 12px 40px rgba(0,0,0,0.12),0 1px 5px rgba(0,0,0,0.08);--dialog-shadow-hover:0 20px 50px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.1);--dialog-animation-duration:0.35s;--dialog-border-radius:16px;}
* {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;}
body {line-height:var(--line-height-normal);color:#333;background-color:#ffffff;background-attachment:fixed;font-size:var(--font-size-base);}
h1,h2,h3,h4,h5,h6 {line-height:var(--line-height-tight);font-weight:600;margin-bottom:1rem;}
h1 {font-size:var(--font-size-3xl);}
h2 {font-size:var(--font-size-2xl);}
h3 {font-size:var(--font-size-xl);}
p {font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:1.5rem;}
@media (max-width:1920px) {.container {max-width:88%}}
@media (min-width:1921px) {.container {max-width:1820px}}
.navbar-brand {font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:10px;}
.navbar-toggler {border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.03);overflow:hidden;position:relative;background-color:white;}
.navbar-light .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23476df9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler:focus {text-decoration:none;outline:0;box-shadow:0 4px 16px rgba(0,0,0,0.05);}
.navbar-toggler[aria-expanded="true"] {transform:rotate(180deg);box-shadow:0 6px 20px rgba(58,123,213,0.2);}
.navbar-toggler:hover {box-shadow:0 6px 20px rgba(0,0,0,0.08);}
.logo-img {height:40px;width:auto;border-radius:4px;transition:transform 0.3s ease;animation:rotate 20s linear infinite;}
@keyframes rotate {from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
.logo-img:hover {transform:scale(1.05) rotate(360deg);transition:transform 0.5s ease;}
.nav-link {font-size:var(--font-size-base);font-weight:500;}
.navbar {position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:1000 !important;min-height:60px;max-height:80px;display:flex;align-items:center;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,0.03);box-shadow:0 4px 16px rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);letter-spacing:-0.5px;padding:0.5rem 0;}
.navbar-collapse {flex-grow:0 !important;}
@media (min-width:992px) {
.navbar-nav {justify-content:center;width:100%;}
.navbar-brand {margin-right:auto;}
.navbar-nav .nav-item:last-child {margin-left:auto;}
}
.navbar.scrolled {background-color:rgba(255,255,255,0.98);backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;}
@media (max-width:768px) {
.navbar {min-height:auto !important;max-height:none !important;padding:0.5rem 1rem;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown .dropdown-menu {position:static;max-height:200px;overflow-y:auto;box-shadow:0 4px 10px rgba(0,0,0,0.1);margin-top:5px;left:0;}
}
::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-track {background:rgba(58,123,213,0.1);border-radius:4px;}
::-webkit-scrollbar-thumb {background:linear-gradient(180deg,var(--tech-blue),var(--tech-cyan));border-radius:4px;transition:all 0.3s ease;position:relative;overflow:hidden;}
::-webkit-scrollbar-thumb:hover {background:linear-gradient(180deg,var(--tech-cyan),var(--tech-blue));transform:scaleX(1.2);box-shadow:var(--neon-glow-blue);}
::-webkit-scrollbar-thumb::before {content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,rgba(255,255,255,0.3),transparent);animation:scroll-shine 3s infinite;}
@keyframes scroll-shine {0% {top:-100%;}
100% {top:100%;}
}
.navbar .navbar-brand {font-size:1.6rem;font-weight:700;letter-spacing:-0.5px;display:flex;align-items:center;gap:10px;}
.navbar .navbar-brand .brand-text {background:var(--c-primary-linear);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,0.05);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;letter-spacing:0.5px;}
@keyframes brandPulse {0% {text-shadow:var(--neon-glow-blue);}
100% {text-shadow:var(--neon-glow-cyan);}
}
.navbar .navbar-nav .nav-item .nav-link {color:var(--c-gray-dark);font-weight:400;font-size:var(--font-size-xs);padding:0.75rem 1rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;white-space:nowrap;}
.navbar .navbar-nav .nav-item .nav-link::before {content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--c-primary-linear);transform:translateX(-50%);transition:width 0.3s cubic-bezier(0.4,0,0.2,1);}
.navbar .navbar-nav .nav-item .nav-link:hover {color:var(--c-primary);transform:translateY(-2px);}
.navbar .navbar-nav .nav-item .nav-link:hover::before {width:80%;}
@keyframes badge-pulse {0%,100% {transform:scale(1);opacity:1;}
50% {transform:scale(1.1);opacity:0.8;}
}
.badge-flash {animation:badge-pulse 1.5s infinite ease-in-out;}
span.hot-badge {position:absolute;background:#ff0000;color:#ffff00;font-size:0.6rem;font-weight:bold;padding:1px 4px;border-radius:0 10px 0 10px;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:2;transition:all 0.3s ease;}
.navbar .navbar-nav .nav-item .nav-link span.hot-badge {top:-5px;right:5px;}
.dropdown-menu .dropdown-item {position:relative;padding-right:2rem;}
.dropdown-menu .dropdown-item span.hot-badge {top:5px;right:5px;box-shadow:0 1px 2px rgba(0,0,0,0.2);z-index:1000;}
span.hot-badge:hover {transform:scale(1.05);box-shadow:0 3px 6px rgba(0,0,0,0.25);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {border:1px solid rgba(0,0,0,0.03);border-radius:0 0 20px 20px;box-shadow:0 12px 30px -6px rgba(0,0,0,0.1),0 12px 12px -6px rgba(0,0,0,0.04);padding:15px;min-width:200px;backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.95);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
@media (min-width:992px) {
.hover-dropdown.dropdown:hover .dropdown-menu {display:block;opacity:1;visibility:visible;transform:translateY(0);}
.hover-dropdown.dropdown .dropdown-menu {display:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;}
.custom-mega-menu {position:static;}
.custom-mega-menu .mega-menu-content {display:none;position:fixed;left:0;width:100%;margin-top:0;border:none;border-radius:0 0 20px 20px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.08);padding:20px 0;background-color:#fff;z-index:1050;max-height:500px;overflow:auto;transition:opacity 0.3s ease,transform 0.3s ease;opacity:0;transform:translateY(10px);}
.custom-mega-menu.open .mega-menu-content,.custom-mega-menu:hover .mega-menu-content,.mega-menu-content:hover {display:block;opacity:1;transform:translateY(0);}
.mega-menu-content::before {content:'';position:absolute;left:0;width:100%;height:100px;top:-100px;z-index:1049;pointer-events:all;background-color:transparent;}
.mega-menu-content::after {content:'';position:absolute;left:0;width:100%;height:50px;bottom:-50px;z-index:1049;pointer-events:all;background-color:transparent;}
.custom-mega-menu {position:static;z-index:1053 !important;}
.custom-mega-menu > a {position:relative;z-index:1053;}
.mega-menu-content {z-index:1050 !important;}
#megaMenu2 .mega-menu-content {z-index:1051 !important;}
#megaMenu1 .mega-menu-content {z-index:1052 !important;}
.mega-menu-content {z-index:1050 !important;}
#megaMenu1 .mega-menu-content {z-index:1051;}
#megaMenu2 .mega-menu-content {z-index:1052;}
}
@media (max-width:991.98px) {
.hover-dropdown.dropdown.show .dropdown-menu,.hover-dropdown.dropdown.show .full-width-dropdown-menu,.custom-mega-menu.open .mega-menu-content,.custom-mega-menu:hover .mega-menu-content,.hover-dropdown.dropdown:hover .dropdown-menu,.hover-dropdown.dropdown:hover .full-width-dropdown-menu {display:block;opacity:1;visibility:visible;transform:translateY(0);}
.hover-dropdown.dropdown .dropdown-menu,.hover-dropdown.dropdown .full-width-dropdown-menu,.custom-mega-menu .mega-menu-content {display:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;max-height:50vh;overflow-y:auto;}
}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {padding:0.75rem 1.5rem;color:var(--c-gray-dark);font-weight:400;font-size:var(--font-size-xs);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:8px;position:relative;overflow:hidden;z-index:1;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {color:var(--c-primary);background-color:var(--c-primary-8);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item::after {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(58,123,213,0.05),transparent);transition:left 0.7s ease;z-index:-1;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover::after {left:100%;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown {position:relative;border-radius:8px;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown .dropdown-menu {position:absolute;left:100%;top:0;margin-top:0;}
.dropdown.full-width-dropdown {position:static;}
.dropdown-toggle::after {transition:transform 0.3s ease;}
.dropdown.show .dropdown-toggle::after {transform:rotate(180deg);}
.dropdown-menu.full-width-dropdown-menu {position:absolute;top:100%;left:0;width:100%;margin-top:0;border:1px solid rgba(0,0,0,0.03);border-radius:0;box-shadow:0 8px 28px rgba(0,0,0,0.15);padding:20px 0;background-color:#fff;display:none;max-height:500px;overflow:auto;}
.dropdown-menu.show.full-width-dropdown-menu {display:block;}
#fullWidthMenu1 {z-index:1051;}
#fullWidthMenu2 {z-index:1052;}
.full-width-dropdown-content {padding:0 20px;width:100%;}
.full-width-dropdown-content .swiper-slide img,.mega-menu-content .swiper-slide img {width:100%;aspect-ratio:3/1;min-height:200px;max-height:500px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:8px;transition:transform 0.3s ease;}
.full-width-dropdown-content .swiper-slide a:hover img,.mega-menu-content .swiper-slide a:hover img {transform:scale(1.05);}
.nav_item_list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left;}
.nav_item_list li {margin-bottom:0;flex:1;display:flex;align-items:center;}
.nav_item_list a {display:block;padding:0.75rem 1.5rem;color:var(--c-gray-dark);font-weight:400;font-size:var(--font-size-xs);text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);flex:1;border-radius:8px;position:relative;overflow:hidden;z-index:1;}
.nav_item_list a:hover {background-color:var(--c-primary-8);color:var(--c-primary);}
.nav_item_list a::after {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(58,123,213,0.05),transparent);transition:left 0.7s ease;z-index:-1;}
.nav_item_list a:hover::after {left:100%;}
.promo-card {background:linear-gradient(138deg,rgb(108,72,242) 10%,rgb(54,128,255) 50%,rgb(40,79,250) 80%);border-radius:12px;overflow:hidden;padding:20px;color:white;box-shadow:0 10px 25px rgba(102,126,234,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.promo-card:hover {transform:translateY(-5px);box-shadow:0 15px 30px rgba(102,126,234,0.4);}
.promo-card__content {text-align:center;}
.promo-card__title {font-size:1.5rem;font-weight:bold;margin-bottom:5px;}
.promo-card__subtitle {font-size:1rem;opacity:0.9;margin-bottom:20px;}
.promo-card__desc {margin-bottom:20px;font-size:0.95rem;line-height:1.5;}
.promo-card__btn {display:inline-block;background:white;color:#667eea;padding:10px 20px;border-radius:30px;font-weight:bold;text-decoration:none;transition:all 0.3s ease;}
.promo-card__btn:hover {background:#f0f0f0;transform:scale(1.05);}
@media (max-width:991.98px) {
.navbar {min-height:auto;max-height:none;padding:0.5rem 1rem;}
.navbar .navbar-nav .nav-item .nav-link {padding:0.5rem 1rem;}
.navbar .navbar-nav .nav-item .nav-link.hot {padding-right:1.75rem;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.hot {padding-right:2.25rem;}
.nav-link.hot::after,.dropdown-item.hot::after {top:0;}
.navbar .navbar-nav .nav-link.btn-login {margin-right:0;margin-top:0.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:36px;}
.navbar .navbar-nav .nav-link.btn-primary {margin-left:0;margin-top:0.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:36px;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {padding:0;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown .dropdown-menu {position:static;margin-left:1rem;}
.full-width-dropdown-menu {position:static;border-top:1px solid #eee;box-shadow:none;padding:20px 0;max-height:500px;overflow:auto;}
.full-width-dropdown-content {padding:0 20px;display:flex;flex-wrap:wrap;gap:20px;height:100%;}
.full-width-dropdown-content .row > div {margin-bottom:10px;}
.full-width-dropdown-content .row > div:last-child {margin-bottom:0;}
.promo-card {padding:15px;}
.promo-card__title {font-size:1.3rem;}
.navbar .navbar-nav .nav-item.dropdown.full-width-dropdown .dropdown-menu.full-width-dropdown-menu {position:static;width:auto;border-radius:8px;margin-top:0.5rem;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.navbar .navbar-nav .nav-item.dropdown.full-width-dropdown .dropdown-menu.full-width-dropdown-menu .full-width-dropdown-content {padding:0;display:flex;flex-wrap:wrap;gap:15px;height:100%;}
}
@media (max-width:575.98px) {
.navbar .navbar-brand {font-size:1.25rem;}
.navbar .navbar-nav .nav-item .nav-link {padding:0.5rem;}
.navbar .navbar-nav .nav-item .nav-link.hot {padding-right:1.5rem;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.hot {padding-right:2rem;}
.nav-link.hot::after,.dropdown-item.hot::after {font-size:0.5rem;padding:1px 3px;top:0;right:0;}
.full-width-dropdown-menu {padding:15px 0;max-height:500px;overflow:auto;}
}
@media (max-width:575.98px) {
.promo-card {padding:15px;}
.promo-card__title {font-size:1.3rem;}
.promo-card__btn {padding:8px 16px;}
}
.navbar .navbar-nav .nav-link.btn-login {color:var(--c-primary);background-color:#fff;border:1px solid var(--c-primary);border-radius:25px;padding:0.5rem 1.5rem;font-size:.9rem;font-weight:600;white-space:nowrap;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-right:0.5rem;height:30px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;}
.navbar .navbar-nav .nav-link.btn-login i {margin-right:8px;}
.navbar .navbar-nav .nav-link.btn-login:hover {color:white;transform:translateY(-2px);box-shadow:0 10px 20px rgba(58,123,213,0.3);}
.navbar .navbar-nav .nav-link.btn-login::after {content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--c-primary-linear);transition:width 0.3s cubic-bezier(0.4,0,0.2,1);z-index:-1;}
.navbar .navbar-nav .nav-link.btn-login:hover::after {width:100%;}
.navbar .navbar-nav .nav-link.btn-primary {background:var(--c-primary-linear);color:white;border-radius:25px;padding:0.5rem 1.5rem;font-size:.9rem;font-weight:600;white-space:nowrap;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:none;height:30px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;}
.navbar .navbar-nav .nav-link.btn-primary i {margin-right:8px;}
.navbar .navbar-nav .nav-link.btn-primary:hover {transform:translateY(-2px);box-shadow:0 10px 20px rgba(58,123,213,0.3);}
.navbar .navbar-nav .nav-link.btn-primary::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease;z-index:-1;}
.navbar .navbar-nav .nav-link.btn-primary:hover::before {left:100%;}
.navbar .navbar-nav .nav-item.dropdown .user-center-button {color:var(--c-primary);background-color:#fff;border:1px solid var(--c-gray-light);border-radius:25px;box-shadow:0 0 10px rgba(0,0,0,0.3);padding:0.5rem 1.5rem;font-size:.9rem;font-weight:500;white-space:nowrap;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-left:0.5rem;height:30px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;}
.navbar .navbar-nav .nav-item.dropdown .user-center-button i {margin-right:8px;}
.navbar .navbar-nav .nav-item.dropdown .user-center-button:hover {color:var(--c-primary);border-color:var(--c-primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(58,123,213,0.15);}
.navbar .navbar-nav .nav-item.dropdown .user-center-button::after {content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,rgba(58,123,213,0.05),rgba(0,210,255,0.05));transition:width 0.3s cubic-bezier(0.4,0,0.2,1);z-index:-1;}
.navbar .navbar-nav .nav-item.dropdown .user-center-button:hover::after {width:100%;}
@media (max-width:991.98px) {
.navbar .navbar-nav .nav-item.dropdown .user-center-button {margin-left:0;margin-top:0.5rem;width:100%;height:36px;}
}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-end {right:0;left:auto;border-radius:12px;overflow:hidden;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-divider {margin:0.5rem 0;border-color:rgba(0,0,0,0.03);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.text-danger {color:var(--c-danger);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.text-danger:hover {color:var(--c-danger-hover);background-color:rgba(224,49,49,0.05);}
.card-link {display:block;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-decoration:none;height:100%;padding:1px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.03);}
.card-link:hover {transform:translateY(-5px);box-shadow:0 12px 30px -6px rgba(0,0,0,0.1),0 12px 12px -6px rgba(0,0,0,0.04);}
.card-image-container {position:relative;width:100%;padding-bottom:60%;overflow:hidden;}
.card-image {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.card-link:hover .card-image {transform:scale(1.1);}
.card-link::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(58,123,213,0.1),transparent);transform:translateX(-100%);transition:transform 0.6s ease;z-index:0;}
.card-link:hover::after {transform:translateX(100%);}
.card-content {padding:12px;}
.card-title {font-size:0.9rem;font-weight:600;color:#333;margin:0;text-align:center;transition:color 0.3s ease;}
.card-link:hover .card-title {color:var(--c-primary);}
@media (max-width:991.98px) {
.navbar .navbar-nav .nav-item .nav-link {padding:0.5rem 1rem;}
.navbar .navbar-nav .nav-item .nav-link.hot {padding-right:1.75rem;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.hot {padding-right:2.25rem;}
.nav-link.hot::after,.dropdown-item.hot::after {top:0;}
.navbar .navbar-nav .nav-link.btn-login {margin-right:0;margin-top:0.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:36px;}
.navbar .navbar-nav .nav-link.btn-primary {margin-left:0;margin-top:0.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:36px;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {padding:0;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown .dropdown-menu {position:static;margin-left:1rem;}
.navbar .navbar-nav .nav-item.dropdown.full-width-dropdown .dropdown-menu.full-width-dropdown-menu {position:static;width:auto;border-radius:8px;margin-top:0.5rem;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.navbar .navbar-nav .nav-item.dropdown.full-width-dropdown .dropdown-menu.full-width-dropdown-menu .full-width-dropdown-content {padding:0;display:flex;flex-wrap:wrap;gap:15px;height:100%;}
}
.qr-code-popup img {width:128px;height:128px;display:block;margin:0 auto;}
.service-popup p {margin-bottom:0;}
.triangle {position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid white;}
.footer {background-color:#000;color:#fff;padding:2rem 0;}
.footer .container {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.footer .row {display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.footer .row.py-6 {padding-top:1.5rem;padding-bottom:1.5rem;width: 100%;}
.footer .col-lg-12,.footer .col-lg-8,.footer .col-md-8,.footer .col-lg-4,.footer .col-md-4,.footer .col-6,.footer .col-md-12 {position:relative;width:100%;padding-right:15px;padding-left:15px;}
.footer .col-lg-12 {flex:0 0 100%;max-width:100%;}
.footer .col-lg-8 {flex:0 0 66.666667%;max-width:66.666667%;}
.footer .col-lg-4 {flex:0 0 33.333333%;max-width:33.333333%;}
.footer .col-6 {flex:0 0 50%;max-width:50%;}
.footer .mb-6 {margin-bottom:1.5rem;}
.footer-main-container {display:flex;flex-wrap:wrap;width:100%;}
.footer-main-container .left-section {flex:0 0 auto;width:calc(100% - 360px)}
.footer-main-container .right-section {flex:0 0 auto;width:360px;}
.footer .footer-friendship-links {display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem;font-size:12px;  padding-bottom:1rem;border-bottom:1px solid #333;}
.footer .footer-friendship-links span {color:#999;margin-right:10px;font-size:12px;}
.footer .footer-friendship-links a {color:#999;margin-right:15px;text-decoration:none;font-size:var(--font-size-xs);transition:color 0.3s ease;}
.footer .footer-friendship-links a:hover {color:#fff;}
.footer .footer-nav {display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem;}
.footer .footer-nav a {color:#fff;margin-right:24px;margin-bottom:5px;text-decoration:none;transition:color 0.3s ease;}
.footer .footer-nav a:hover {color:#0d6efd;}
.footer .qr-code {text-align:center;padding:10px;}
.footer .qr-code img {width:120px;height:120px;border:1px solid #333;padding:5px;background:#fff;transition:transform 0.3s ease;}
.footer .qr-code:hover img {transform:scale(1.05);}
.footer .qr-code .text-xs {display:block;margin-top:8px;color:#999;font-size:12px;}
.footer .pt-3 {padding-top:0.75rem;}
.footer .pb-6 {padding-bottom:1.5rem;}
.footer .pt-3.pb-6 {border-top:0px solid #333;}
.footer .footer-declaration {color:#999;font-size:12px;text-align:left;line-height:1.6;margin-bottom:10px;}
.footer .footer-copyright img {width:14px;height:14px;margin:0 3px;vertical-align:middle;}
.footer .footer-copyright {display:flex;color:#999;font-size:12px;text-align:left;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
.footer .footer-copyright a {color:#999;margin-bottom:5px;text-decoration:none;font-size:var(--font-size-xs);transition:color 0.3s ease;display:flex;align-items:center;line-height:1;vertical-align:middle;}
.footer .footer-copyright a img {vertical-align:middle;display:inline-block;}
.footer .footer-copyright span {margin-left:6px;vertical-align:middle;}
@media (max-width:991.98px) {
.footer .col-lg-8,.footer .col-lg-4,.footer-main-container .left-section,.footer-main-container .right-section {flex:0 0 100%;max-width:100%;}
.footer .col-lg-4,.footer-main-container .right-section {margin-top:1rem;}
}
.pages-categories {margin-bottom:40px;}
.pages-categories__list {display:flex;flex-wrap:wrap;justify-content:center;gap:15px;background:white;padding:20px;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.03);}
.pages-categories__btn {padding:12px 24px;border:2px solid transparent;background:rgba(255,255,255,0.5);color:#333;border-radius:30px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.03);display:inline-block;text-decoration:none;text-align:center;}
.pages-categories__btn:hover {color:var(--c-primary);border-color:var(--c-primary);transform:translateY(-3px);box-shadow:0 6px 16px rgba(58,123,213,0.18);}
.pages-categories__btn--active {background:var(--c-primary-linear);color:white;border-color:transparent;box-shadow:0 6px 16px rgba(58,123,213,0.25);}
.pages-categories__btn--active:hover {color:white;transform:translateY(-3px);box-shadow:0 10px 20px rgba(58,123,213,0.35);}
@media (max-width:768px) {
.pages-categories__list {flex-direction:column;align-items:center;}
.pages-categories__btn {width:100%;max-width:300px;}
}


.page-header {background:var(--gradient-header);position:relative;padding:180px 0 80px 0;overflow:hidden;margin-bottom:2rem;}
.page-header::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(58,123,213,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,210,255,0.1) 0%,transparent 50%);z-index:0;}
.page-header__content {position:relative;z-index:1;text-align:center;}
.page-header__text {max-width:800px;margin:0 auto;}
.page-header__title {font-size:var(--font-size-3xl);font-weight:700;color:white;margin-bottom:1rem;line-height:var(--line-height-tight);}
.page-header__subtitle {font-size:var(--font-size-xl);color:white;margin-bottom:1.5rem;font-weight:500;}
.page-header__description {font-size:var(--font-size-base);color:white;line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto;}
@media (max-width:768px) {
.page-header {padding:3rem 0;}
.page-header__title {font-size:var(--font-size-2xl);}
.page-header__subtitle {font-size:var(--font-size-lg);}
}
@media (max-width:576px) {
.page-header {padding:2rem 0;}
.page-header__title {font-size:var(--font-size-xl);}
.page-header__subtitle {font-size:var(--font-size-base);}
}
.pagination {display:flex;justify-content:center;align-items:center;margin:2rem 0;padding:1rem;border-radius:12px;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 20px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.03);}
.pagination-list {display:flex;list-style:none;padding:0;margin:0;gap:0.5rem;}
.pagination-item {display:flex;align-items:center;justify-content:center;}
.pagination-link {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;text-decoration:none;color:var(--c-gray-dark);font-size:var(--font-size-base);font-weight:500;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;z-index:1;}
.pagination-link::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(58,123,213,0.1),transparent);transition:left 0.6s ease;z-index:-1;}
.pagination-link:hover {color:var(--c-primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(58,123,213,0.15);}
.pagination-link:hover::before {left:100%;}
.pagination-link.active {background:var(--c-primary-linear);color:white;font-weight:600;box-shadow:0 4px 12px rgba(58,123,213,0.2);}
.pagination-link.active::before {display:none;}
.pagination-link.disabled {opacity:0.5;pointer-events:none;}
.pagination-ellipsis {display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--c-gray);font-size:var(--font-size-lg);}
.pagination-link.pagination-btn {width:auto;min-width:40px;padding:0 1rem;background:white;border:1px solid rgba(58,123,213,0.2);}
.pagination-link.pagination-btn::after {content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--c-primary-linear);transition:width 0.3s cubic-bezier(0.4,0,0.2,1);z-index:-1;}
.pagination-link.pagination-btn:hover::after {width:100%;}
.pagination-link.pagination-btn:hover {color:white;border-color:var(--c-primary);}
@media (max-width:768px) {
	.pagination {padding:0.5rem;margin:1.5rem 0;}
.pagination-list {gap:0.25rem;}
.pagination-link {width:36px;height:36px;font-size:var(--font-size-sm);}
.pagination-link.pagination-btn {min-width:36px;padding:0 0.75rem;}
.pagination-ellipsis {width:36px;height:36px;}
}
.auth-body {background:var(--gradient-news);min-height:100vh;display:flex;flex-direction:column;}
.auth-section {flex:1;display:flex;align-items:center;justify-content:center;padding:100px 0;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 100%);backdrop-filter:blur(10px);position:relative;}
.auth-section::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(58,123,213,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,210,255,0.1) 0%,transparent 50%);z-index:-1;}
.auth-container {max-width:450px;width:100%;margin:0 auto;}
.auth-card {background:white;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.08),0 5px 15px rgba(0,0,0,0.05);overflow:hidden;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.auth-card:hover {box-shadow:0 20px 40px rgba(0,0,0,0.1),0 10px 20px rgba(0,0,0,0.07);}
.auth-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--c-primary-linear);}
.auth-card__header {padding:2rem 2rem 1.5rem;text-align:center;}
.auth-card__title {font-size:var(--font-size-2xl);font-weight:700;color:var(--c-dark);margin-bottom:0.5rem;position:relative;display:inline-block;}
.auth-card__title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--c-primary-linear);border-radius:3px;}
.auth-card__subtitle {font-size:var(--font-size-base);color:var(--c-gray);margin-top:1.5rem;}
.auth-card__body {padding:0 2rem 2rem;}
.auth-form {width:100%;}
.auth-form__group {margin-bottom:0.5rem;}
.auth-form__label {display:block;font-size:var(--font-size-base);font-weight:500;color:var(--c-gray-dark);margin-bottom:0.5rem;}
.auth-form__input-group {position:relative;display:flex;align-items:center;background:#f8fafc;border:1px solid rgba(0,0,0,0.05);border-radius:12px;transition:all 0.3s ease;overflow:hidden;}
.auth-form__input-group:hover,.auth-form__input-group:focus-within {border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(58,123,213,0.08);}
.auth-form__input-prefix {display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--c-gray);background:rgba(58,123,213,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.auth-form__input {flex:1;height:40px;padding:0 1rem;font-size:var(--font-size-base);color:var(--c-gray-dark);background:transparent;border:none;outline:none;}
.auth-form__input::placeholder {color:var(--c-gray-light);}
.auth-form__input-suffix {display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--c-gray);background:transparent;border:none;outline:none;cursor:pointer;transition:color 0.3s ease;}
.auth-form__input-suffix:hover {color:var(--c-primary);}
.auth-form__input-group--with-button {display:flex;gap:0.5rem;}
.auth-form__input-group--with-button .auth-form__input {flex:1;}
.auth-form__button {padding:0 1rem;height:40px;background:var(--c-primary-linear);color:white;border:none;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;min-width:120px;}
.auth-form__button:hover:not(:disabled) {transform:translateY(-2px);box-shadow:0 5px 15px rgba(58,123,213,0.3);}
.auth-form__button:disabled {opacity:0.6;cursor:not-allowed;}
.auth-form__helper {font-size:var(--font-size-sm);color:var(--c-gray);margin-top:0.5rem;}
.auth-form__options {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.auth-form__remember {display:flex;align-items:center;gap:0.5rem;}
.auth-form__checkbox {width:16px;height:16px;cursor:pointer;}
.auth-form__checkbox-label {font-size:var(--font-size-sm);color:var(--c-gray-dark);cursor:pointer;}
.auth-form__forgot {font-size:var(--font-size-sm);color:var(--c-primary);text-decoration:none;transition:color 0.3s ease;}
.auth-form__forgot:hover {color:var(--c-primary-hover);text-decoration:underline;}
.auth-form__actions {margin-bottom:1.5rem;}
.auth-form__submit {display:block;width:100%;height:48px;background:var(--c-primary-linear);color:white;border:none;border-radius:24px;font-size:var(--font-size-lg);font-weight:600;text-decoration:none;text-align:center;line-height:48px;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;z-index:1;box-shadow:0 4px 15px rgba(58,123,213,0.3);}
.auth-form__submit::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;z-index:-1;}
.auth-form__submit:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,123,213,0.4);}
.auth-form__submit:hover::before {left:100%;}
.auth-form__register,.auth-form__login {text-align:center;font-size:var(--font-size-base);color:var(--c-gray);}
.auth-form__register-link,.auth-form__login-link {color:var(--c-primary);font-weight:500;text-decoration:none;transition:color 0.3s ease;}
.auth-form__register-link:hover,.auth-form__login-link:hover {color:var(--c-primary-hover);text-decoration:underline;}
.auth-form__agreement {display:flex;align-items:flex-start;gap:0.5rem;margin-bottom:2rem;font-size:var(--font-size-sm);color:var(--c-gray);}
.auth-form__agreement .auth-form__checkbox {margin-top:2px;}
.auth-form__agreement-link {color:var(--c-primary);text-decoration:none;}
.auth-form__agreement-link:hover {color:var(--c-primary-hover);text-decoration:underline;}
.footer__copyright {text-align:center;font-size:var(--font-size-sm);color:var(--c-gray);}
.hero {background:linear-gradient(138deg,rgb(108,72,242) 10%,rgb(54,128,255) 50%,rgb(40,79,250) 80%);position:relative;width:100%;overflow:hidden;margin:0 auto;padding:0;display:flex;flex-direction:column;}
.hero::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(58,123,213,0.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,210,255,0.2) 0%,transparent 50%);z-index:1;}
.hero__slider {width:100%;min-height:720px;}
.hero__slider .swiper-wrapper {width:100%;height:100%;}
.hero__slide {position:relative;width:100%;height:100%;max-height:none;display:flex;align-items:center;justify-content:center;}
.hero__slide .container {width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:100px 0 120px 0;}
.hero__slide .row {display:flex;align-items:center;justify-content:center;height:100%;}
.hero__slide .col-lg-6:first-child {height:100%;display:flex;align-items:center;justify-content:center;}
.hero__slide img {width:100%;height:90%;margin:5% 0;object-fit:contain;object-position:center;max-height:90%;filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));border-radius:10px;position:relative;z-index:2;}
.hero__content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;justify-content:center;padding:2rem;max-width:800px;min-width:500px;min-height:320px;box-sizing:border-box;visibility:visible !important;opacity:1 !important;z-index:2;}
.hero__overlay {padding:2rem;border-radius:20px;color:white;visibility:visible !important;opacity:1 !important;z-index:5;text-align:center;width:100%;max-width:600px;margin:0 auto;}
@media (max-width:991px) {.hero__slider {min-height:600px;max-height:none !important;}
.hero__slide img {object-fit:contain;height:auto;max-height:90%;margin:5% 0;width:100%;transition:box-shadow 0.3s ease;position:relative;z-index:2;}
.hero__slide .imgbox {overflow:visible;}
.hero__content {min-width:90%;max-width:90%;padding:1rem;}
}
.hero__overlay h2 {font-size:var(--font-size-4xl);margin-bottom:1rem;line-height:var(--line-height-tight);color:white !important;visibility:visible !important;opacity:1 !important;font-weight:800;background:linear-gradient(90deg,white,rgba(255,255,255,0.7));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(58,123,213,0.3);}
.hero__overlay p {font-size:var(--font-size-lg);margin-bottom:1.5rem;line-height:var(--line-height-normal);color:white !important;visibility:visible !important;opacity:1 !important;color:rgba(255,255,255,0.8);text-shadow:0 1px 5px rgba(0,0,0,0.5);}
.hero__button {color:white;border-radius:25px;padding:0.75rem 2rem;font-size:var(--font-size-lg);font-weight:600;text-decoration:none;display:inline-block;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(255,255,255,0.5);}
.news-center {position:relative;}
.news-search {margin:30px 0;padding:20px 0;background:white;}
.news-search__container {max-width:700px;margin:0 auto;position:relative;}
.news-search__input-wrapper {position:relative;display:flex;align-items:center;border-radius:40px;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;padding:3px;}
.news-search__input-wrapper:focus-within {box-shadow:0 6px 25px rgba(58,123,213,0.15);transform:translateY(-1px);}
.news-search__input {flex:1;padding:15px 25px;border:none;outline:none;font-size:1rem;color:var(--c-dark);border-radius:40px 0 0 40px;}
.news-search__input::placeholder {color:var(--c-gray);font-size:0.95rem;}
.news-search__button {background:var(--c-primary-linear);color:white;border:none;outline:none;padding:12px 25px;border-radius:35px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(58,123,213,0.3);}
.news-search__button:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,123,213,0.4);}
.news-search__button i {font-size:1.1rem;}
.news-search__suggestions {position:absolute;top:100%;left:0;right:0;background:white;border-radius:16px;margin-top:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1);max-height:300px;overflow-y:auto;z-index:1000;display:none;}
.news-search__suggestion {padding:12px 25px;cursor:pointer;transition:all 0.2s ease;border-bottom:1px solid rgba(0,0,0,0.03);display:flex;align-items:center;}
.news-search__suggestion:last-child {border-bottom:none;}
.news-search__suggestion:hover {background-color:var(--tech-light-blue);color:var(--c-primary);}
.news-search__suggestion-icon {margin-right:10px;color:var(--c-gray);font-size:1.2rem;}
.news-search__suggestion:hover .news-search__suggestion-icon {color:var(--c-primary);}
.news-search__suggestion-title {font-weight:500;color:var(--c-dark);margin-bottom:4px;font-size:0.95rem;}
.news-search__suggestion-desc {font-size:0.85rem;color:var(--c-gray);line-height:1.4;}
.news-search__suggestion:hover .news-search__suggestion-title {color:var(--c-primary);}
.news-search__suggestion:hover .news-search__suggestion-desc {color:var(--c-gray-dark);}
.news-search__input:focus {background:white;}
.news-search__suggestion mark {background-color:var(--tech-light-blue);color:var(--c-primary);padding:0 2px;border-radius:3px;}
@media (max-width:768px) {.news-search__container {max-width:100%;padding:0 20px;}
.news-search__input {padding:12px 20px;font-size:0.95rem;}
.news-search__button {padding:10px 20px;}
.news-search__suggestions {margin-top:8px;left:20px;right:20px;}
.news-search__suggestion {padding:10px 15px;}
.news-search__suggestion-title {font-size:0.9rem;}
.news-search__suggestion-desc {font-size:0.8rem;}
}


.news-list {padding:30px 0;min-height:60vh;}
.news-cards {display:flex;flex-wrap:wrap;gap:25px;margin-bottom:40px;}
.news-card {flex:0 0 calc(33.333% - 25px);max-width:calc(33.333% - 25px);background:white;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,0.1),0 4px 15px rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;padding:0;z-index:100;opacity:1;visibility:visible;}
.news-card::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;border:2px solid transparent;background:linear-gradient(135deg,var(--c-primary) 0%,transparent 100%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease;}
.news-card:hover::before {opacity:1;animation:borderGlow 2s ease-in-out infinite alternate;}
.news-card:hover {transform:rotate(0.5deg);box-shadow:0 20px 40px rgba(0,0,0,0.15),0 10px 20px rgba(0,0,0,0.1);z-index:101;opacity:1;visibility:visible;animation:none;border-color:rgba(58,123,213,0.3);}
.news-card:hover .news-card__content {background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:white;}
.news-card:hover .news-card__title,.news-card:hover .news-card__description {color:white;background:none;}
.news-card:hover .news-card__category {color:var(--c-primary);background-color:white;}
.news-card:hover .news-card__date {color:white;background:none;}
.news-card__link {text-decoration:none;display:block;height:100%;}
.news-card__content {background:white;border-radius:15px;padding:0;min-height:400px;position:relative;z-index:1;display:flex;flex-direction:column;height:100%;}
.news-card__image {width:100%;max-height:600px;overflow:hidden;border-top-left-radius:15px;border-top-right-radius:15px;}
.news-card__image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.news-card:hover .news-card__image img {transform:scale(1.5);}
.news-card__header {padding:20px 25px 0 25px;}
.news-card__title {font-size:1.25rem;font-weight:600;color:var(--c-dark);margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.news-card__info {padding:0 25px 25px 25px;flex-grow:1;display:flex;flex-direction:column;}
.news-card__meta {display:flex;justify-content:space-between;margin-bottom:15px;font-size:0.875rem;color:var(--c-gray);}
.news-card__category {background-color:var(--c-primary);color:white;padding:4px 12px;border-radius:15px;font-size:0.8rem;font-weight:500;}
.news-card__description {color:var(--c-gray-dark);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex-grow:1;}
.news-card__badge {position:absolute;top:15px;right:-35px;transform:rotate(45deg);padding:6px 45px;font-size:0.8rem;font-weight:600;color:white;text-transform:uppercase;letter-spacing:1px;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.news-card__badge.hot {background:linear-gradient(135deg,#ff4d4f 0%,#ff7a45 100%);}
.news-card__badge.new {background:linear-gradient(135deg,#36cfc9 0%,#52c41a 100%);}
.news-card__badge.recommend {background:linear-gradient(135deg,#722ed1 0%,#eb2f96 100%);}
.news-card__badge.discount {background:linear-gradient(135deg,#d65db1 0%,#845ec2 100%);}
.news-card:hover .news-card__badge {transform:rotate(45deg) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,0.3);}
.news-detail {position:relative;background-color:white;}
.news-detail__header {padding:120px 0 0 0;border-bottom:1px solid rgba(0,0,0,0.05);background: var(--gradient-header);}
.news-detail__breadcrumb {font-size:0.875rem;color:white;}
.news-detail__breadcrumb a {color:white;text-decoration:none;transition:color 0.3s ease;}
.news-detail__breadcrumb a:hover {color:var(--c-primary-hover);text-decoration:underline;}
.news-detail__title {font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:white;line-height:1.3;text-align: center;padding:50px 0;}
.news-detail__meta {display:flex;flex-wrap:wrap;gap:20px;font-size:0.9rem;color:white;align-items:center;justify-content: center;}
.news-detail__category {background-color:var(--tech-light-blue);color:var(--c-primary);padding:6px 16px;border-radius:20px;font-weight:500;}
.news-detail__content {padding:50px 0;}
.news-detail__main {margin:0 auto;}
.news-detail__featured-image {width:100%;border-radius:16px;overflow:hidden;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.news-detail__featured-image img {width:100%;height:auto;transition:transform 0.5s ease;}
.news-detail__featured-image:hover img {transform:scale(1.02);}
.news-detail__article {font-size:1rem;line-height:1.8;color:var(--c-dark);}
.news-detail__paragraph {margin-bottom:25px;text-align:justify;}
.news-detail__subtitle {font-size:1.5rem;font-weight:600;color:var(--c-dark);margin:40px 0 20px 0;padding-bottom:10px;border-bottom:3px solid var(--tech-light-blue);}
.news-detail__list {margin-bottom:25px;padding-left:20px;}
.news-detail__list li {margin-bottom:10px;position:relative;padding-left:15px;}
.news-detail__list li:before {content:'•';color:var(--c-primary);font-weight:bold;position:absolute;left:0;top:0;}
.news-detail__highlight {background:linear-gradient(135deg,var(--tech-light-blue) 0%,rgba(224,242,254,0.5) 100%);padding:25px;border-radius:16px;margin:30px 0;position:relative;overflow:hidden;}
.news-detail__highlight::before {content:'';position:absolute;top:-10px;left:-10px;width:40px;height:40px;background-color:var(--c-primary);opacity:0.1;border-radius:50%;}
.news-detail__highlight-title {font-size:1.2rem;font-weight:600;color:var(--c-primary);margin-bottom:15px;}
.news-detail__highlight-text {font-style:italic;color:var(--c-gray-dark);}
.news-detail__impact-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0;}
.news-detail__impact-item {background:white;padding:25px;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;text-align:center;border:1px solid rgba(0,0,0,0.03);}
.news-detail__impact-item:hover {transform:translateY(-5px);box-shadow:0 12px 28px rgba(58,123,213,0.1);border-color:var(--c-primary);}
.news-detail__impact-icon {font-size:2rem;color:var(--c-primary);margin-bottom:15px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--tech-light-blue);border-radius:50%;margin:0 auto 15px;}
.news-detail__impact-title {font-size:1.1rem;font-weight:600;color:var(--c-dark);margin-bottom:10px;}
.news-detail__impact-description {font-size:0.9rem;color:var(--c-gray);}
.news-detail__conclusion {background:linear-gradient(135deg,rgba(58,123,213,0.1) 0%,rgba(0,210,255,0.1) 100%);padding:25px;border-radius:16px;margin-top:40px;border-left:4px solid var(--c-primary);}
.news-detail__related {padding:40px 0;text-align:center;}
.news-detail__related-title {font-size:1.5rem;font-weight:600;color:var(--c-dark);margin-bottom:20px;}
.btn-back-to-list {display:inline-block;padding:12px 30px;background:var(--c-primary-linear);color:white;border-radius:30px;font-size:1rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;box-shadow:0 6px 16px rgba(58,123,213,0.25);position:relative;overflow:hidden;}
.btn-back-to-list:hover {transform:translateY(-3px);box-shadow:0 10px 20px rgba(58,123,213,0.35);color:white;}
.btn-back-to-list::after {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:all 0.6s ease;}
.btn-back-to-list:hover::after {left:100%;}
@media (max-width:1200px) {.news-card {flex:0 0 calc(50% - 25px);max-width:calc(50% - 25px);}
}
@media (max-width:768px) {
.news-card {flex:0 0 100%;max-width:100%;}
.news-detail__title {font-size:1.75rem;}
.news-detail__meta {flex-direction:column;gap:10px;}
.news-detail__impact-grid {grid-template-columns:1fr;}
}
@media (max-width:480px) {
.news-card__content {min-height:auto;}
.news-card__image {height:150px;}
.news-detail__title {font-size:1.5rem;}
.news-detail__content {padding:30px 0;}
}
.hero__button:hover {transform:translateY(-3px);box-shadow:0 0 25px rgba(255,255,255,0.5);color:white;}
.hero__button::after {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.2),transparent);transform:rotate(45deg);transition:all 0.6s;opacity:0;}
.hero__button:hover::after {animation:shine 1.5s;}
@keyframes shine {0% {left:-50%;opacity:1;}
100% {left:150%;opacity:0;}
}
.hero__navigation {position:absolute;bottom:0;left:0;right:0;z-index:20;width:100%;background-color:rgba(0,0,0,0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);}
.hero__navigation .nav-container {margin:0 auto;padding:0;border-radius:0;display:flex;flex-wrap:nowrap;width:100%;justify-content:center;gap:0;}
.hero__nav-item {flex:1;min-width:0;cursor:pointer;transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94);overflow:hidden;background-color:transparent;display:flex;align-items:center;position:relative;padding: 10px 5px;}
.hero__nav-item::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity 0.3s ease;}
.hero__nav-item:hover {background-color:rgba(255,255,255,0.1);transform:translateY(-2px);}
.hero__nav-item:hover::before {opacity:1;}
.hero__nav-item--active {background-color:rgba(255,255,255,0.2);}
.hero__nav-item--active::after {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:white;border-radius:0 0 4px 4px;}
.hero__nav-item img {width:80px;min-height:30px;object-fit:cover;flex-shrink:0;border-radius:5px;margin-right:1rem;}
.hero__nav-content {display:flex;flex-direction:column;flex:1;min-width:0;}
.hero__nav-title {text-align:left;font-size:var(--font-size-sm);font-weight:600;color:white;background-color:transparent;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hero__nav-description {text-align:left;font-size:var(--font-size-xs);color:rgba(255,255,255,0.8);background-color:transparent;word-wrap:break-word;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.features {padding:5rem 0;position:relative;}
.features::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5;}
.features .container {margin:0 auto;padding:0 1.5rem;}
.features__title {text-align:center;margin-bottom:3rem;}
.features__title h2 {font-size:var(--font-size-3xl);color:var(--c-dark);margin-bottom:1rem;background:linear-gradient(90deg,var(--tech-dark-blue),var(--tech-blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;}
.features__title p {font-size:var(--font-size-lg);color:var(--c-gray);max-width:800px;margin:0 auto;}
.features__card {background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.5);border-radius:12px;padding:2rem;margin-bottom:20px;min-height:320px;text-align:center;transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);position:relative;overflow:hidden;box-shadow:0 2px 42px rgba(102,102,204,.17);}
.features__card::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:4px;background:var(--gradient-trial);transition:all 0.5s;}
.features__card:hover {transform:translateY(-10px);box-shadow:0 20px 40px rgba(58,123,213,0.2);background:var(--gradient-card-hover);}
.features__card:hover::before {left:0;}
.features__icon {width:80px;height:80px;background:linear-gradient(135deg,rgba(58,123,213,0.1) 0%,rgba(0,210,255,0.1) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--tech-blue);border:2px solid rgba(58,123,213,0.2);}
.features__card:hover .features__icon {background:linear-gradient(135deg,rgba(58,123,213,0.2) 0%,rgba(0,210,255,0.2) 100%);box-shadow:var(--neon-glow-blue);animation:iconPulseshadow 2s infinite alternate;}
@keyframes iconPulseshadow {0% {box-shadow:var(--neon-glow-blue);}
100% {box-shadow:var(--neon-glow-cyan);}
}
.features__card h3 {font-size:var(--font-size-xl);color:var(--c-dark);margin-bottom:1rem;}
.features__card p {font-size:var(--font-size-base);color:var(--c-gray);line-height:var(--line-height-relaxed);}
.advantages {padding:5rem 0;background:var(--gradient-advantages);position:relative;overflow:hidden;}
.advantages .container {margin:0 auto;padding:0 1.5rem;position:relative;z-index:10;}
.advantages__title {text-align:center;margin-bottom:3rem;}
.advantages__title h2 {font-size:var(--font-size-3xl);color:var(--c-dark);margin-bottom:1rem;background:linear-gradient(90deg,var(--tech-dark-blue),var(--tech-purple));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;}
.advantages__content {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;align-items:center;}
.advantages__image {position:relative;overflow:hidden;border-radius:12px;box-shadow:0 0px 10px rgba(0,0,0,0.8);}
.advantages__image img {width:100%;transition:all 0.5s ease;}
.advantages__image:hover img {transform:scale(1.5);}
.advantages__list {display:flex;flex-direction:column;gap:1.5rem;}
.advantages__item {display:flex;align-items:flex-start;gap:1rem;}
.advantages__icon {min-width:40px;height:40px;background:linear-gradient(135deg,rgba(118,75,162,0.1) 0%,rgba(240,147,251,0.1) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--tech-purple);flex-shrink:0;margin-top:5px;border:2px solid rgba(118,75,162,0.2);}
.advantages__item:hover .advantages__icon {box-shadow:var(--neon-glow-purple);animation:iconPulsePurple 2s infinite alternate;}
@keyframes iconPulsePurple {0% {box-shadow:var(--neon-glow-purple);}
100% {box-shadow:var(--neon-glow-pink);}
}
.advantages__text h3 {font-size:var(--font-size-lg);color:var(--c-dark);margin-bottom:0.5rem;}
.advantages__text p {font-size:var(--font-size-base);color:var(--c-gray);margin-bottom:0;}
.advantages::before {content:'';position:absolute;top:-10%;right:-10%;width:50%;height:50%;background:var(--c-primary-linear);opacity:0.05;border-radius:50%;filter:blur(100px);}
.advantages::after {content:'';position:absolute;bottom:-10%;left:-10%;width:40%;height:40%;background:var(--c-secondary-linear);opacity:0.05;border-radius:50%;filter:blur(100px);}
.marquee {padding:3rem 0;background:var(--tech-dark-blue);position:relative;overflow:hidden;}
.marquee::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(58,123,213,0.1) 0%,transparent 60%),radial-gradient(circle at 80% 50%,rgba(0,210,255,0.1) 0%,transparent 60%);z-index:1;}
.marquee .container {margin:0 auto;padding:0 15px;}
.marquee__title {text-align:center;margin-bottom:3rem;}
.marquee__title h2 {color:var(--c-dark);color:white;background:linear-gradient(90deg,white,rgba(255,255,255,0.7));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;position:relative;z-index:2;}
.marquee__container {margin-bottom:1.5rem;overflow:hidden;max-width:100%;}
.marquee__content {display:flex;align-items:center;gap:2rem;animation-iteration-count:infinite;animation-timing-function:linear;width:max-content;}
.marquee__content--up {animation-name:marqueeUp;animation-duration:80s;}
.marquee__content--down {animation-name:marqueeDown;animation-duration:80s;}
.marquee__item {flex-shrink:0;width:450px;height:240px;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;overflow:hidden;}
.marquee__item::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);animation:shineMarquee 5s infinite;}
@keyframes shineMarquee {0% {left:-100%;}
20%,100% {left:100%;}
}
.marquee__item:hover {transform:scale(1.1);box-shadow:0 20px 40px rgba(58,123,213,0.3);border:1px solid rgba(255,255,255,0.3);}
.marquee__item:hover::before {animation-duration:2s;}
.marquee__item img {width:100%;height:100%;object-fit:cover;}
@keyframes marqueeUp {0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}
@keyframes marqueeDown {0% {transform:translateX(-50%);}
100% {transform:translateX(0);}
}
.news {padding:5rem 0;background:var(--gradient-news);position:relative;}
.news .container {margin:0 auto;padding:0 1.5rem;}
.news__title {text-align:center;margin-bottom:3rem;}
.news__title h2 {font-size:var(--font-size-3xl);color:var(--c-dark);margin-bottom:1rem;background:linear-gradient(90deg,var(--tech-dark-blue),var(--tech-blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;}
.news__grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.news__card {background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.5);border-radius:12px;overflow:hidden;transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 4px 15px rgba(0,0,0,0.05);position:relative;overflow:hidden;}
.news__card::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:4px;background:var(--gradient-trial);transition:all 0.5s;}
.news__card:hover {transform:translateY(-10px);box-shadow:0 20px 40px rgba(58,123,213,0.2);background:var(--gradient-card-hover);}
.news__card:hover::before {left:0;}
.news__image {max-height:600px;overflow:hidden;}
.news__image img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.news__card:hover .news__image img {transform:scale(1.5);}
.news__content {padding:1.5rem;}
.news__date {font-size:var(--font-size-sm);color:var(--c-primary);margin-bottom:1rem;display:block;color:var(--tech-blue);font-weight:600;}
.news__card h3 {font-size:var(--font-size-xl);color:var(--c-dark);margin-bottom:1rem;line-height:var(--line-height-tight);background:linear-gradient(90deg,var(--tech-dark-blue),rgba(108,117,125,0.8));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;}
.news__card p {font-size:var(--font-size-base);color:var(--c-gray);margin-bottom:1.5rem;line-height:var(--line-height-relaxed);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.news__link {display:inline-flex;align-items:center;color:var(--c-primary);font-weight:600;text-decoration:none;transition:all 0.3s ease;}
.news__link:hover {color:var(--c-primary-hover);}
.news__link i {margin-left:0.5rem;transition:transform 0.3s ease;}
.news__link:hover i {transform:translateX(5px);}
@media (max-width:1200px) {.hero__overlay h2 {font-size:var(--font-size-3xl);} }
@media (max-width:767.98px) {
.hero__overlay h2 {font-size:var(--font-size-xl);}
.advantages__content {grid-template-columns:1fr;}
.news__grid {grid-template-columns:1fr;}
}
.trial {width:100%;background:var(--gradient-header);padding:5rem 0;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}
.trial::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,0.2) 0%,transparent 50%);z-index:1;}
.trial__container {width:100%;max-width:800px;text-align:center;padding:0 1.5rem;position:relative;z-index:2;}
.trial__title {font-size:var(--font-size-3xl);color:white;margin-bottom:1.5rem;line-height:var(--line-height-tight);font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.2);}
.trial__content {font-size:var(--font-size-lg);color:white;margin-bottom:2.5rem;line-height:var(--line-height-relaxed);max-width:600px;margin-left:auto;margin-right:auto;}
.trial__button {display:inline-block;background:white;color:var(--tech-blue);font-size:var(--font-size-lg);font-weight:600;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden;}
.trial__button:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.2);}
.trial__button::after {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(58,123,213,0.2),transparent);transform:rotate(45deg);transition:all 0.6s;opacity:0;}
.trial__button:hover::after {animation:shine 1.5s;}
@media (max-width:767.98px) {
.trial {padding:4rem 0;}
.trial__title {font-size:var(--font-size-2xl);}
.trial__content {font-size:var(--font-size-base);}
.trial__button {padding:0.875rem 2rem;font-size:var(--font-size-base);}
}
.download-center {padding:80px 0 60px;min-height:100vh;background-color:#ffffff;}
.download-center__title-section {text-align:center;margin-bottom:50px;}
.download-center__title {font-size:var(--font-size-3xl);font-weight:700;color:var(--c-dark);margin-bottom:15px;position:relative;display:inline-block;}
.download-center__title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:var(--c-primary-linear);border-radius:2px;}
.download-center__subtitle {font-size:var(--font-size-lg);color:var(--c-gray);max-width:700px;margin:0 auto;}

.download-center__list {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px;margin-bottom:40px;min-height:60vh;}
.download-card {background-color:white;border-radius:16px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.2);transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.1);position:relative;text-decoration:none;height:400px;}
.download-card:hover {transform:translateY(-8px);box-shadow:0 12px 36px rgba(58,123,213,0.15);background:var(--gradient-card-hover);}
.download-card:hover .download-card__image {transform:scale(1.05);}
.download-card:hover .download-card__title {color:var(--c-primary);}
.download-card__badge {position:absolute;top:15px;right:-35px;background:var(--c-primary);color:white;padding:6px 45px;font-size:0.8rem;font-weight:600;transform:rotate(45deg);text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10;border-left:2px solid rgba(255,255,255,0.3);border-right:2px solid rgba(255,255,255,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.download-card__badge.hot {background:linear-gradient(45deg,#ff6b6b,#ee5a6f);}
.download-card__badge.recommend {background:linear-gradient(45deg,#4facfe,#00f2fe);}
.download-card__badge.new {background:linear-gradient(45deg,#06d6a0,#118ab2);}
.download-card__badge.discount {background:linear-gradient(45deg,#d65db1,#845ec2);}
.download-card:hover .download-card__badge {transform:rotate(45deg) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,0.2);}
.download-card__image-container {height:200px;overflow:hidden;position:relative;background-color:var(--tech-light-blue);}
.download-card__image {width:100%;object-fit:cover;transition:transform 0.5s ease;}
.download-card__tag {position:absolute;top:15px;left:15px;padding:5px 12px;font-size:var(--font-size-xs);font-weight:600;color:white;background:var(--c-primary);border-radius:20px;z-index:1;}
.download-card__content {padding:24px;}
.download-card__title {font-size:var(--font-size-xl);font-weight:600;color:var(--c-dark);margin-bottom:12px;transition:color 0.3s ease;line-height:var(--line-height-tight);}
.download-card__description {font-size:var(--font-size-base);color:var(--c-gray);line-height:var(--line-height-relaxed);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.download-card__info {padding-top:15px;border-top:1px solid var(--c-gray-light);}
.download-card__meta {display:flex;align-items:center;gap:15px;}
.download-card__meta-item {display:flex;align-items:center;gap:5px;font-size:var(--font-size-xs);color:var(--c-gray);}
.download-card__meta-icon {font-size:14px;color:var(--c-primary);}
.download-detail {padding:80px 0 60px;min-height:100vh;background-color:#ffffff;}
.download-detail__header {background:var(--gradient-features);padding:40px 0;border-radius:20px;margin-bottom:50px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.03);}
.download-detail__header::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 40%,rgba(58,123,213,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,210,255,0.1) 0%,transparent 50%);pointer-events:none;}
.download-detail__header-content {display:flex;align-items:center;gap:30px;position:relative;z-index:1;}
.download-detail__logo {width:400px;height:300px;border-radius:10px;flex-shrink:0;}
.download-detail__logo-image {max-width:100%; max-height:100%; width:auto;height:auto;object-fit:cover;transition:transform 0.5s ease;filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));}
.download-detail__logo:hover .download-detail__logo-image {transform:scale(1.05);}
.download-detail__info {flex:1;}
.download-detail__title {font-size:var(--font-size-2xl);font-weight:700;color:var(--c-dark);margin-bottom:10px;}
.download-detail__version {display:inline-block;padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;color:var(--c-primary);background-color:white;border-radius:16px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.download-detail__description {font-size:var(--font-size-base);color:var(--c-gray-dark);line-height:var(--line-height-relaxed);margin-bottom:20px;max-width:800px;}
.download-detail__actions {display:flex;gap:15px;flex-wrap:wrap;}
.download-detail__button {display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:var(--font-size-base);font-weight:500;color:white;text-decoration:none;border-radius:12px;background:var(--c-primary-linear);transition:all 0.3s ease;box-shadow:0 4px 16px rgba(58,123,213,0.3);border:none;cursor:pointer;}
.download-detail__button:hover {transform:translateY(-2px);box-shadow:0 8px 24px rgba(58,123,213,0.4);}
.download-detail__button:active {transform:translateY(0);box-shadow:0 4px 12px rgba(58,123,213,0.3);}
.download-detail__button--secondary {background:white;color:var(--c-gray-dark);box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid var(--c-gray-light);}
.download-detail__button--secondary:hover {color:var(--c-primary);border-color:var(--c-primary-1);box-shadow:0 6px 16px rgba(58,123,213,0.15);}
.download-detail__button-icon {font-size:18px;}
.download-detail__content {display:grid;grid-template-columns:1fr 350px;gap:40px;margin-top:50px;}
.download-detail__software-info {background-color:white;border-radius:16px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.03);}
.download-detail__section-title {font-size:var(--font-size-xl);font-weight:600;color:var(--c-dark);margin-bottom:20px;position:relative;padding-bottom:10px;}
.download-detail__section-title::after {content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--c-primary-linear);border-radius:2px;}
.download-detail__software-description {font-size:var(--font-size-base);color:var(--c-gray);line-height:var(--line-height-relaxed);margin-bottom:30px;}
.download-detail__features-list {margin-bottom:30px;padding:0;list-style:none;}
.download-detail__feature-item {display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;}
.download-detail__feature-item:last-child {margin-bottom:0;}
.download-detail__feature-icon {width:28px;height:28px;border-radius:50%;background-color:rgba(58,123,213,0.1);display:flex;align-items:center;justify-content:center;color:var(--c-primary);font-size:14px;flex-shrink:0;margin-top:2px;}
.download-detail__feature-text {font-size:var(--font-size-base);color:var(--c-gray-dark);line-height:var(--line-height-normal);}
.download-detail__screenshots {background-color:white;border-radius:16px;padding:30px;box-shadow:0 8px 24px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.03);margin-top:30px;}
.download-detail__screenshot-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;}
.download-detail__screenshot-item {position:relative;border-radius:5px;overflow:hidden;transition:all 0.3s ease;}
.download-detail__screenshot-item:hover {transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12);}
.download-detail__screenshot-image {width:100%; max-height:800px;object-fit:cover;transition:transform 0.5s ease;}
.download-detail__screenshot-item:hover .download-detail__screenshot-image {transform:scale(1.05);}
.download-detail__sidebar {position:sticky;top:100px;align-self:flex-start;}
.download-detail__download-card {background-color:white;border-radius:16px;padding:30px;color:var(--c-dark);margin-bottom:30px;box-shadow:0 8px 24px rgba(0,0,0,0.1);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.03);}
.download-detail__download-card::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(58,123,213,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(58,123,213,0.05) 0%,transparent 50%);pointer-events:none;}
.download-detail__download-title {font-size:var(--font-size-lg);font-weight:600;margin-bottom:20px;position:relative;z-index:1;}
.download-detail__download-options {display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;}
.download-detail__download-option {display:flex;align-items:center;justify-content:space-between;padding:15px;background-color:rgba(58,123,213,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(58,123,213,0.1);transition:all 0.3s ease;}
.download-detail__download-option:hover {background-color:rgba(58,123,213,0.1);border-color:rgba(58,123,213,0.2);transform:translateX(5px);}
.download-detail__download-info {display:flex;align-items:center;gap:10px;}
.download-detail__download-platform {font-size:var(--font-size-base);font-weight:500;}
.download-detail__download-size {font-size:var(--font-size-xs);color:var(--c-gray);}
.download-detail__download-link {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--c-primary-linear);color:white;text-decoration:none;transition:all 0.3s ease;font-size:16px;}
.download-detail__download-link:hover {transform:scale(1.1);box-shadow:0 0 15px rgba(58,123,213,0.3);}
@media (max-width:1200px) {.download-detail__content {grid-template-columns:1fr 300px;}
}
@media (max-width:992px) {.download-center__list {grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
.download-detail__content {grid-template-columns:1fr;}
.download-detail__sidebar {position:static;margin-top:30px;}
.download-detail__header-content {flex-direction:column;text-align:center;}
.download-detail__info {max-width:100%;}
.download-detail__actions {justify-content:center;}
}
.user-guide {min-height:100vh;}
.user-guide__container {background-color:rgba(255,255,255,0.95);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);padding:40px;backdrop-filter:blur(10px);min-height:80vh;margin-bottom:50px;}
.user-guide__title {font-size:2.5rem;font-weight:700;color:var(--c-primary);text-align:center;margin-bottom:1.5rem;position:relative;padding-bottom:15px;}
.user-guide__title::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--c-primary),var(--c-secondary));border-radius:2px;}
.user-guide__subtitle {font-size:1.1rem;color:var(--c-dark);text-align:center;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;font-weight:500;}
.user-guide__list {display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:30px;}
.user-guide__card {background:white;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;}
.user-guide__card:hover {transform:translateY(-8px);box-shadow:0 12px 30px rgba(52,152,219,0.15);}
.user-guide__card:hover .user-guide__card-link {background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:white;}
.user-guide__card:hover .user-guide__card-title,.user-guide__card:hover .user-guide__card-description,.user-guide__card:hover .user-guide__card-date,.user-guide__card:hover .user-guide__card-views {color:white;}
.user-guide__card:hover .user-guide__card-category {background-color:white;color:var(--c-primary);}
.user-guide__card-link {display:block;text-decoration:none;height:100%;}
.user-guide__card-image-container {overflow:hidden;height:200px;}
.user-guide__card-image {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.user-guide__card:hover .user-guide__card-image {transform:scale(1.5);}
.user-guide__card-content {padding:20px;display:flex;flex-direction:column;height:calc(100% - 200px);}
.user-guide__card-category {display:inline-block;padding:4px 12px;font-size:0.85rem;font-weight:600;color:white;background-color:var(--c-primary);border-radius:15px;margin-bottom:10px;align-self:flex-start;}
.user-guide__card-title {font-size:1.3rem;font-weight:600;color:var(--c-dark);margin-bottom:10px;line-height:1.4;transition:color 0.3s ease;}
.user-guide__card-description {font-size:0.95rem;color:var(--c-dark);line-height:1.6;margin-bottom:15px;flex-grow:1;}
.user-guide__card-footer {display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--gray-light);}
.user-guide__card-date {font-size:0.85rem;color:var(--c-dark);font-weight:500;}
.user-guide__card-views {font-size:0.85rem;color:var(--c-dark);font-weight:500;display:flex;align-items:center;}
.user-guide__card-views i {margin-right:4px;color:var(--tech-light-blue);}
.user-guide-detail {padding:100px 0;min-height:100vh;}
.user-guide-detail img {border-radius:10px;padding:20px;max-width: 100%;}
.user-guide-detail__mobile-menu-toggle {position:fixed;top:50%;transform:translateY(-50%);z-index:1050;display:none;transition:all 0.3s ease;}
.user-guide-detail__mobile-menu-toggle {left:0;}
.user-guide-detail__sidebar--show ~ .user-guide-detail__mobile-menu-toggle {left:280px;}
.user-guide-detail__toggle-btn {display:flex;align-items:center;justify-content:center;width:40px;height:120px;font-size:1.2rem;color:var(--c-primary);background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));border:none;border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;box-shadow:0 0 12px rgba(52,152,219,0.3);transition:all 0.3s ease;color:white;}
.user-guide-detail__toggle-btn:hover {transform:translateX(3px);box-shadow:0 0 16px rgba(52,152,219,0.4);border:1px solid var(--c-primary);background:white;color:var(--c-primary);}
.user-guide-detail > .container {background-color:rgba(255,255,255,0.95);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);padding:40px;min-height:80vh;backdrop-filter:blur(10px);}
.user-guide-detail__sidebar {position:sticky;top:40px;align-self:flex-start;padding:25px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;transition:all 0.3s ease;}
.user-guide-detail__sidebar-inner {position:relative;}
.user-guide-detail__sidebar-title {font-size:1.3rem;font-weight:700;color:var(--c-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--tech-light-blue);}
.user-guide-detail__category-list {list-style:none;padding:0;margin:0;}
.user-guide-detail__category-item {margin-bottom:5px;}
.user-guide-detail__category-link {display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:0.95rem;font-weight:500;color:var(--c-text-primary);text-decoration:none;border-radius:8px;transition:all 0.3s ease;}
.user-guide-detail__category-link:hover {background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:white;transform:translateX(5px);}
.user-guide-detail__category-link--active {background:#0d6efd;color:white;}
.user-guide-detail__category-link--centered {position:relative;}
.user-guide-detail__category-link--centered .fa {position:absolute;left:15px;}
.user-guide-detail__category-link--centered span {width:100%;text-align:center;padding-left:25px;}
.user-guide-detail__category-toggle {transition:transform 0.3s ease;font-size:0.8rem;}
.rotate-180 {transform:rotate(180deg);}
.user-guide-detail__subcategory-list {list-style:none;padding:0;margin:5px 0 5px 25px;display:none;opacity:0;transition:opacity 0.3s ease;}
.user-guide-detail__subcategory-list--show {display:block;}
.user-guide-detail__subcategory-item {margin-bottom:3px;}
.user-guide-detail__subcategory-link {display:block;padding:8px 12px;font-size:0.9rem;color:var(--c-text-secondary);text-decoration:none;border-radius:6px;transition:all 0.3s ease;}
.user-guide-detail__subcategory-link:hover {background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:white;transform:translateX(3px);}
.user-guide-detail__subcategory-link--active {background:#0d6efd;color:white;font-weight:500;}
.user-guide-detail__content {background:white;border-radius:0 12px 12px 0;padding:30px;border-left:1px solid var(--tech-light-blue);}
.user-guide-detail__breadcrumb {font-size:0.9rem;color:var(--c-text-tertiary);margin-bottom:20px;}
.user-guide-detail__breadcrumb a {color:var(--c-primary);text-decoration:none;}
.user-guide-detail__breadcrumb a:hover {text-decoration:underline;}
.user-guide-detail__title {font-size:2rem;font-weight:700;color:var(--c-text-primary);margin-bottom:15px;line-height:1.3;}
.user-guide-detail__meta {display:flex;flex-wrap:wrap;gap:20px;padding:15px 0;margin-bottom:30px;border-bottom:1px solid var(--gray-light);font-size:0.9rem;color:var(--c-text-secondary);align-items: center;}
.user-guide-detail__category {padding:4px 12px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:white;border-radius:15px;font-weight:500;}
.user-guide-detail__intro {padding:20px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:white;border-radius:8px;margin-bottom:30px;}
.user-guide-detail__intro p {margin:0;font-size:1.05rem;line-height:1.6;}
.user-guide-detail__toc {background-color:var(--gray-light);padding:20px;border-radius:8px;margin-bottom:30px;}
.user-guide-detail__toc h3 {font-size:1.1rem;font-weight:600;color:var(--c-dark);margin-bottom:15px;}
.user-guide-detail__toc ol {padding-left:20px;margin:0;}
.user-guide-detail__toc li {margin-bottom:8px;}
.user-guide-detail__toc a {color:var(--c-primary);text-decoration:none;transition:all 0.3s ease;font-weight:500;}
.user-guide-detail__toc a:hover,.user-guide-detail__toc a.active {color:var(--c-secondary);font-weight:500;}
.user-guide-detail__article {color:var(--c-text-primary);line-height:1.8;}
.user-guide-detail__section-title {font-size:1.5rem;font-weight:600;color:var(--c-primary);margin:40px 0 20px;padding-bottom:10px;border-bottom:2px solid var(--tech-light-blue);}
.user-guide-detail__section-title:first-child {margin-top:0;}
.user-guide-detail__paragraph {margin-bottom:20px;font-size:1.05rem;color:var(--c-dark);}
.user-guide-detail__system-requirements {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;}
.user-guide-detail__requirement-item {background-color:var(--gray-light);padding:20px;border-radius:8px;border-left:4px solid var(--c-primary);}
.user-guide-detail__requirement-item h4 {font-size:1.1rem;font-weight:600;color:var(--c-dark);margin-bottom:15px;display:flex;align-items:center;gap:10px;}
.user-guide-detail__requirement-item ul {padding-left:20px;margin:0;}
.user-guide-detail__requirement-item li {margin-bottom:8px;color:var(--c-dark);}
.user-guide-detail__steps {margin-bottom:30px;}
.user-guide-detail__step-item {display:flex;gap:20px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--gray-light);}
.user-guide-detail__step-item:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
.user-guide-detail__step-number {flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 4px 10px rgba(52,152,219,0.3);}
.user-guide-detail__step-content {flex-grow:1;}
.user-guide-detail__step-content p {margin-bottom:15px;color:var(--c-dark);}
.user-guide-detail__step-image {margin-top:15px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.user-guide-detail__step-image img {width:100%;transition:transform 0.3s ease;}
.user-guide-detail__step-image:hover img {transform:scale(1.02);}
.user-guide-detail__problems {margin-bottom:30px;}
.user-guide-detail__problem-item {background-color:var(--gray-light);padding:20px;border-radius:8px;margin-bottom:15px;border-left:4px solid var(--c-warning);}
.user-guide-detail__problem-item:last-child {margin-bottom:0;}
.user-guide-detail__problem-item h4 {font-size:1.1rem;font-weight:600;color:var(--c-dark);margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.user-guide-detail__problem-solution {margin:0;color:var(--c-dark);}
.user-guide-detail__related {background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));padding:20px;border-radius:8px;margin-bottom:30px;}
.user-guide-detail__related h3 {font-size:1.1rem;font-weight:600;color:white;margin-bottom:15px;}
.user-guide-detail__related-list {list-style:none;padding:0;margin:0;}
.user-guide-detail__related-list li {margin-bottom:10px;}
.user-guide-detail__related-list li:last-child {margin-bottom:0;}
.user-guide-detail__related-list a {color:white;text-decoration:none;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;transition:all 0.3s ease;}
.user-guide-detail__related-list a:hover {background-color:rgba(255,255,255,0.2);transform:translateX(5px);}
.user-guide-detail__back-to-list {text-align:center;margin-top:30px;}
@media (max-width:991px) {.user-guide {padding:40px 0;}
.user-guide__container {padding:30px 20px;}
.user-guide-detail__content {border:none;}
.user-guide__title {font-size:2rem;}
.user-guide__subtitle {font-size:1rem;}
.user-guide__list {grid-template-columns:1fr;}
.user-guide-detail__mobile-menu-toggle {display:block;}
.user-guide-detail__sidebar {position:fixed;top:0;left:-400px;width:280px;height:100vh;background:white;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);border:1px solid var(--tech-light-blue);z-index:1040;box-shadow:2px 0 20px rgba(0,0,0,0.15);transition:left 0.3s ease;}
.user-guide-detail__sidebar--show {left:0 !important;}
.user-guide-detail__title {font-size:1.6rem;}
.user-guide-detail__meta {flex-direction:column;gap:10px;}
.user-guide-detail__system-requirements {grid-template-columns:1fr;}
.user-guide-detail__step-item {flex-direction:column;gap:15px;}
.user-guide-detail__step-number {align-self:flex-start;}
}
.auth-form__tabs {display:flex;margin:1rem 0 0.5rem;background:rgba(255,255,255,0.8);overflow:hidden;backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,0.8);}
.auth-form__tab {flex:1;padding:1rem 1.5rem;background:transparent;border:none;color:#6b7280;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;outline:none;text-align:center;letter-spacing:0.2px;}
.auth-form__tab:hover {color:#3b82f6;}
.auth-form__tab--active {color:#3b82f6;background:white;font-weight:600;}
.auth-form__tab--active::after {content:'';position:absolute;bottom:0;left:20%;width:60%;height:3px;background:#3b82f6;border-radius:3px 3px 0 0;transition:all 0.3s ease;}
.auth-form {transition:all 0.4s ease-out;}
.auth-form:not([style*="display:none"]) {animation:tabFadeIn 0.5s ease-out;}
@keyframes tabFadeIn {from {opacity:0;transform:translateY(8px);}
to {opacity:1;transform:translateY(0);}
}
@media (max-width:480px) {.auth-form__tabs {margin:1rem 0 1.5rem;}
.auth-form__tab {padding:0.8rem 1rem;font-size:0.9rem;}
}
.download-center {position:relative;}
.customer-service {position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:50;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);padding:8px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.service-item {position:relative;margin:8px 0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.service-icon {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:20;position:relative;overflow:hidden;cursor:pointer;}
.service-icon:hover {transform:scale(1.15);box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.service-icon::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;}
.service-icon:hover::before {left:100%;}
.service-popup {position:absolute;right:55px;top:50%;transform:translateY(-50%) scale(0.9);background:white;padding:16px;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1000;pointer-events:none;border:1px solid rgba(0,0,0,0.05);backdrop-filter:blur(4px);}
.qr-code-popup img {width:120px;height:120px;border-radius:8px;}
.service-item.group {position:relative !important;overflow:visible !important;height:auto !important;margin:8px 0 !important;z-index:100 !important;}
.service-item.group .service-popup {position:absolute !important;right:45px !important;top:50% !important;transform:translateY(-50%) scale(0.9) !important;opacity:0 !important;visibility:hidden !important;display:block !important;z-index:1000 !important;pointer-events:none !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;}
.service-item.group:hover .service-popup {opacity:1 !important;visibility:visible !important;transform:translateY(-50%) scale(1) !important;pointer-events:auto !important;display:block !important;}
.triangle {position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid white;}
.app-container {display:flex;flex:1;position:relative;overflow:hidden;padding:66px 0;}
.app-container > .help-categories {width:280px;background-color:white;border-right:1px solid var(--c-gray-light);height:100%;transition:width 0.3s ease-in-out;z-index:10;position:fixed;top:66px;left:0;flex-shrink:0;}
.app-container > .help-categories--collapsed {width:0;padding:0;margin:0;overflow:hidden;}
.help-categories > .help-categories__header {padding:1rem;border-bottom:1px solid var(--c-gray-light);font-weight:bold;font-size:var(--font-size-lg);color:var(--c-primary);}
.help-categories > .help-categories__group {margin-bottom:0.5rem;}
.help-categories__group > .category-title {padding:0.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color 0.2s;width:100%;}
.help-categories__group > .category-title:hover {background-color:var(--tech-light-blue);}
.help-categories__group > .category-title--active {background-color:rgba(58,123,213,0.1);border-left:3px solid var(--c-primary);}
.category-title > div > .category-title__icon {margin-right:0.75rem;color:var(--c-primary);}
.category-title > .category-title__toggle {transition:transform 0.3s;}
.help-categories__group > .category-title--active > .category-title__toggle {transform:rotate(90deg);}
.help-categories__group > .category-link {padding:0.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color 0.2s;color:var(--c-dark);text-decoration:none;width:100%;}
.help-categories__group > .category-link:hover {background-color:var(--tech-light-blue);color:var(--c-dark);}
.help-categories__group > .category-link--active {background-color:rgba(58,123,213,0.1);border-left:3px solid var(--c-primary);color:var(--c-dark);}
.category-link > div > .category-link__icon {margin-right:0.75rem;color:var(--c-primary);}
.category-link > .category-link__toggle {transition:transform 0.3s;}
.help-categories__group > .category-link--active > .category-link__toggle {transform:rotate(90deg);}
.help-categories__group > .subcategories {background-color:rgba(58,123,213,0.05);overflow:hidden;max-height:0;transition:max-height 0.3s ease-out;}
.help-categories__group > .subcategories--expanded {max-height:500px;transition:max-height 0.5s ease-in;}
.subcategories > .subcategory-item {padding:0.6rem 1rem 0.6rem 2.5rem;display:flex;align-items:center;cursor:pointer;transition:background-color 0.2s;font-size:var(--font-size-sm);color:var(--c-gray-dark);text-decoration:none;width:100%;}
.subcategories > .subcategory-item:hover {background-color:rgba(58,123,213,0.1);color:var(--c-gray-dark);}
.subcategories > .subcategory-item--active {background-color:rgba(58,123,213,0.15);color:var(--c-primary);}
.app-container > .toggle-menu {position:fixed;left:280px;top:50%;transform:translateY(-50%);width:30px;height:60px;background-color:white;border:1px solid var(--c-gray-light);border-left:none;border-radius:0 8px 8px 0;color:var(--c-primary);z-index:5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease-in-out;}
.app-container > .toggle-menu:hover {background-color:var(--c-primary);color:white;}
.app-container > .help-categories--collapsed ~ .toggle-menu {left:0;border-left:1px solid var(--c-gray-light);}
.app-container > .help-categories--collapsed ~ .content-container {margin-left:0;}
.app-container > .content-container {flex:1;padding:2rem;overflow-y:auto;background-color:var(--c-light);transition:all 0.3s ease-in-out;margin-left:280px;}
.content-container > .search-box {margin-bottom:2rem;position:relative;}
.search-box > .search-box__icon {position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--c-gray);}
.search-box > .search-box__input {width:100%;padding:0.75rem 1rem 0.75rem 2.5rem;background-color:white;border:1px solid var(--c-gray-light);border-radius:4px;color:var(--c-dark);font-size:var(--font-size-base);}
.search-box > .search-box__input:focus {outline:none;border-color:var(--c-primary);}
.content-container > .content-container__header {margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--c-gray-light);}
.content-container__header > .content-container__title {font-size:var(--font-size-3xl);margin-bottom:0.5rem;color:var(--c-primary);}
.content-container__header > .content-container__meta {color:var(--c-gray);font-size:var(--font-size-sm);}
.content-container > .content-section {margin-bottom:2rem;line-height:var(--line-height-relaxed);}
.content-section > .content-section__heading {font-size:var(--font-size-2xl);margin-bottom:1rem;color:var(--c-primary);}
.content-section > .content-section__paragraph {margin-bottom:1rem;color:var(--c-gray-dark);}
.content-section > .help-card {background-color:rgba(58,123,213,0.05);border-left:3px solid var(--c-primary);padding:1rem;margin-bottom:1.5rem;border-radius:0 4px 4px 0;}
.help-card > .help-card__title {font-weight:bold;margin-bottom:0.5rem;color:var(--c-primary);}
.content-section > .content-section__list {margin-bottom:1rem;padding-left:1.5rem;color:var(--c-gray-dark);}
.content-section__list > .content-section__list-item {margin-bottom:0.5rem;}
.scrollbar-hide::-webkit-scrollbar {display:none;}
.scrollbar-hide {-ms-overflow-style:none;scrollbar-width:none;}
@media (max-width:768px) {.app-container > .help-categories {position:fixed;top:66px;left:0;z-index:20;}
.app-container > .toggle-menu {position:fixed;left:280px;top:50%;transform:translateY(-50%);z-index:20;}
.app-container > .content-container {padding:1rem;}
.content-container__header > .content-container__title {font-size:var(--font-size-2xl);}
}
.playlist {width:280px;background-color:var(--c-white);border-right:1px solid var(--c-gray-light);height:100%;transition:width 0.3s ease-in-out;z-index:10;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;}
.playlist--collapsed {width:0;padding:0;margin:0;overflow:hidden;}
.playlist > .playlist__header {padding:1rem;border-bottom:1px solid var(--c-gray-light);display:flex;justify-content:space-between;align-items:center;}
.playlist__header > h2 {font-size:var(--font-base);color:var(--c-primary);margin-bottom:0;}
.playlist__header > .playlist__header-btns {display:flex;gap:0.5rem;}
.playlist__header-btns > .playlist__header-btn {background:transparent;border:none;color:var(--c-gray);cursor:pointer;transition:color 0.2s;padding:0.25rem;}
.playlist__header-btns > .playlist__header-btn:hover {color:var(--c-primary);}
.playlist > .playlist__items {flex:1;overflow-y:auto;padding:0.5rem;}
.playlist__items > .playlist__item {padding:0.75rem;border-radius:4px;margin-bottom:0.5rem;cursor:pointer;transition:background-color 0.2s;display:flex;border:1px solid transparent;}
.playlist__items > .playlist__item:hover {background-color:var(--c-light);border-color:var(--c-gray-light);}
.playlist__items > .playlist__item--active {background-color:rgba(58,123,213,0.08);border-left:3px solid var(--c-primary);border-color:rgba(58,123,213,0.1);}
.playlist__item > .playlist__thumbnail {width:80px;height:50px;object-fit:cover;border-radius:4px;margin-right:0.75rem;position:relative;border:1px solid var(--c-gray-light);}
.playlist__thumbnail > .playlist__duration {position:absolute;bottom:2px;right:2px;background-color:rgba(0,0,0,0.7);font-size:var(--font-xs);padding:0 3px;border-radius:2px;color:var(--c-white);}
.playlist__item > .playlist__info {flex:1;min-width:0;}
.playlist__info > .playlist__title {font-size:var(--font-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0.25rem;color:var(--c-dark);}
.playlist__info > .playlist__channel {font-size:var(--font-xs);color:var(--c-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.toggle-playlist {position:absolute;left:280px;top:50%;transform:translateY(-50%);width:30px;height:60px;background-color:var(--c-white);border:1px solid var(--c-gray-light);border-left:none;border-radius:0 8px 8px 0;color:var(--c-primary);z-index:5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease-in-out;}
.toggle-playlist:hover {background-color:var(--c-primary);color:var(--c-white);}
.playlist--collapsed ~ .toggle-playlist {left:0;border-left:1px solid var(--c-gray-light);}
.player {flex:1;height:100%;background-color:var(--c-gray-light);position:relative;transition:all 0.3s ease-in-out;}
.player > .player__video {width:100%;height:100%;object-fit:contain;background-color:var(--c-white);}
.player > .player__big-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background-color:rgba(58,123,213,0.9);border:none;color:var(--c-white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:transform 0.2s,background-color 0.2s;z-index:2;}
.player > .player__big-play:hover {transform:translate(-50%,-50%) scale(1.1);background-color:var(--c-primary);}
.player > .player__loading {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid rgba(58,123,213,0.3);border-top:4px solid var(--c-primary);border-radius:50%;animation:spin 1s linear infinite;display:none;z-index:3;}
@keyframes spin {0% {transform:translate(-50%,-50%) rotate(0deg);}
100% {transform:translate(-50%,-50%) rotate(360deg);}
}
@media (max-width:768px) {.playlist {position:absolute;z-index:20;}
.toggle-playlist {z-index:20;}
}
.about-float-left {margin:0 auto;padding:50px 0;display:flex;flex-wrap:wrap;}
.about-float-left .company-info {flex:1;padding-right:40px;}
.about-float-left .company-info h1 {font-size:28px;margin-bottom:20px;color:#333;}
.about-float-left .company-info p {font-size:16px;line-height:1.8;color:#666;margin-bottom:20px;}
.about-float-right {flex:1;position:relative;padding:50px 0;}
.about-float-right::before {content:'';position:absolute;left:0;top:0;height:100%;width:2px;background-image:linear-gradient(to bottom,#6d47f2,#2c4ff5);}
.about-float-right ul {list-style-type: none;padding: 0 0 0 20px;}
.about-float-right li.value-item {padding-left:30px;margin-bottom:30px;}
.about-float-right li.value-item h2 {font-size:20px;margin-bottom:10px;color:#333;}
.about-float-right li.value-item p {font-size:14px;line-height:1.6;color:#666;}
@media (max-width:768px) 
{
.about-float-left {flex-direction:column;}
.about-float-left .company-info {padding-right:0;margin-bottom:30px;}
.about-float-right::before {height:2px;width:100%;top:0;left:0;}
.about-float-right li.value-item {padding-left:0;padding-top:20px;}
}
.cooperation-banner {position:relative;background:var(--gradient-header);color:white;padding:8rem 0;text-align:center;overflow:hidden;}
.cooperation-banner::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(58,123,213,0.3),transparent 70%),radial-gradient(circle at 70% 70%,rgba(0,210,255,0.2),transparent 70%);z-index:0;}
.cooperation-banner__content {position:relative;z-index:1;}
.cooperation-banner__title {font-size:var(--font-size-4xl);margin-bottom:1rem;font-weight:700;letter-spacing:-0.02em;}
.cooperation-banner__subtitle {font-size:var(--font-size-xl);margin-bottom:2rem;opacity:0.9;max-width:800px;margin-left:auto;margin-right:auto;}
.cooperation-banner__button {display:inline-block;padding:1rem 2rem;font-size:var(--font-size-lg);font-weight:600;color:var(--tech-blue);background:white;border-radius:0.5rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(58,123,213,0.3);}
.cooperation-banner__button:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,123,213,0.4);color:var(--tech-blue);}
.section-header {text-align:center;margin-bottom:4rem;}
.section-title {font-size:var(--font-size-3xl);color:var(--tech-dark-blue);margin-bottom:1rem;position:relative;display:inline-block;}
.section-title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--c-primary-linear);border-radius:3px;}
.section-description {font-size:var(--font-size-lg);color:var(--c-gray);max-width:700px;margin:0 auto;}
.cooperation-advantages {padding:5rem 0;background-color:white;}
.cooperation-advantages__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;}
.cooperation-advantages__item {text-align:center;padding:2rem;background:white;border-radius:0.75rem;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid var(--c-gray-light);}
.cooperation-advantages__item:hover {transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.1);border-color:var(--c-primary);}
.cooperation-advantages__icon {width:80px;height:80px;border-radius:50%;background:var(--gradient-features);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--c-primary);}
.cooperation-advantages__title {font-size:var(--font-size-xl);margin-bottom:1rem;color:var(--tech-dark-blue);}
.cooperation-advantages__description {color:var(--c-gray);font-size:var(--font-size-base);}
.cooperation-process {padding:5rem 0;background-color:white;}
.cooperation-process__steps {display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;position:relative;}
@media (min-width:992px) {
.cooperation-process__steps::before {content:'';position:absolute;top:30px;left:0;right:0;height:2px;background:var(--c-gray-light);z-index:0;}
}
.cooperation-process__step {flex:0 0 calc(20% - 2rem);min-width:200px;text-align:center;position:relative;z-index:1;}
.cooperation-process__number {width:60px;height:60px;border-radius:50%;background:var(--c-primary-linear);color:white;font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;box-shadow:0 4px 12px rgba(58,123,213,0.3);}
.cooperation-process__title {font-size:var(--font-size-lg);margin-bottom:0.75rem;color:var(--tech-dark-blue);}
.cooperation-process__description {color:var(--c-gray);font-size:var(--font-size-sm);}
.cooperation-form {padding:5rem 0;background-color:white;}
.cooperation-form__wrapper {max-width:800px;margin:0 auto;background:white;padding:2.5rem;border-radius:1rem;box-shadow:0 6px 20px rgba(0,0,0,0.08);border:1px solid var(--c-gray-light);}
.cooperation-form__fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;}
.cooperation-form__field--textarea {grid-column:1 / -1;}
.cooperation-form__label {display:block;margin-bottom:0.5rem;font-weight:600;color:var(--tech-dark-blue);}
.cooperation-form__input,.cooperation-form__textarea {width:100%;padding:0.75rem 1rem;border:2px solid var(--c-gray-light);border-radius:0.5rem;font-size:var(--font-size-base);transition:all 0.3s ease;background-color:white;}
.cooperation-form__input:focus,.cooperation-form__textarea:focus {outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(58,123,213,0.1);}
.cooperation-form__textarea {resize:vertical;min-height:120px;}
.cooperation-form__actions {text-align:center;}
.cooperation-form__submit-button {display:inline-block;padding:1rem 2.5rem;font-size:var(--font-size-lg);font-weight:600;color:white;background:var(--c-primary-linear);border-radius:0.5rem;border: none;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(58,123,213,0.3);cursor:pointer;}
.cooperation-form__submit-button:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,123,213,0.4);color:white;}
.cooperation-form__loading {display:inline-block;width:20px;height:20px;border:3px solid rgba(58,123,213,0.3);border-radius:50%;border-top-color:var(--c-primary);animation:spin 1s ease-in-out infinite;margin-right:0.5rem;}
.cooperation-faq {padding:5rem 0;background:var(--gradient-news);}
.cooperation-faq__list {max-width:800px;margin:0 auto;}
.cooperation-faq__item {margin-bottom:1rem;background:white;border-radius:0.75rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.cooperation-faq__question {padding:1.25rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:background-color 0.3s ease;}
.cooperation-faq__question:hover {background-color:rgba(58,123,213,0.05);}
.cooperation-faq__question i {color:var(--c-primary);font-size:var(--font-size-lg);transition:transform 0.3s ease;}
.cooperation-faq__question.active i {transform:rotate(45deg);}
.cooperation-faq__question h3 {margin:0;font-size:var(--font-size-lg);color:var(--tech-dark-blue);flex:1;}
.cooperation-faq__answer {padding:0 1.5rem 1.25rem;color:var(--c-gray);display:none;}
.cooperation-faq__answer p {margin:0;}
@media (max-width:768px) {.cooperation-banner {padding:5rem 0;}
.cooperation-banner__title {font-size:var(--font-size-3xl);}
.cooperation-banner__subtitle {font-size:var(--font-size-base);}
.section-title {font-size:var(--font-size-2xl);}
.section-description {font-size:var(--font-size-base);}
.cooperation-form__fields {grid-template-columns:1fr;}
.cooperation-process__step {flex:0 0 calc(50% - 1rem);margin-bottom:2rem;}
.cooperation-form__wrapper {padding:1.5rem;}
}
.dialog {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all var(--dialog-animation-duration) cubic-bezier(0.25,0.46,0.45,0.94);animation:backdropFadeIn var(--dialog-animation-duration) ease-out;}
.dialog.dialog--visible {opacity:1;visibility:visible;}
.dialog__container {background-color:white;border-radius:var(--dialog-border-radius);box-shadow:var(--dialog-shadow);width:90%;max-width:500px;max-height:80vh;overflow:hidden;transform:translateY(20px) scale(0.95);transition:all var(--dialog-animation-duration) cubic-bezier(0.25,0.46,0.45,0.94);position:relative;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);z-index:1;}
.dialog.dialog--visible .dialog__container {transform:translateY(0) scale(1);animation:dialogFadeIn var(--dialog-animation-duration) ease-out;}
.dialog__container:hover {box-shadow:var(--dialog-shadow-hover);transform:translateY(0) scale(1.01);}
.dialog__header {padding:20px 24px;border-bottom:1px solid var(--c-gray-light);display:flex;align-items:center;justify-content:space-between;background-color:var(--c-white-glass);position:relative;overflow:hidden;}
.dialog__header::before {content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--decoration-gradient-primary);}
.dialog__title {font-size:var(--font-size-xl);font-weight:600;color:var(--c-dark);margin:0;display:flex;align-items:center;gap:10px;position:relative;z-index:2;}
.dialog__icon {width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.3s ease;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.2);z-index:1;}
.dialog__icon:hover {transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.3);}
.dialog__icon::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.4),transparent 70%);z-index:2;}
.dialog__icon::before {content:'';position:absolute;bottom:-8px;left:-8px;right:-8px;height:16px;background:rgba(0,0,0,0.1);border-radius:50%;filter:blur(6px);z-index:-1;opacity:0.6;}
.dialog--info .dialog__icon {background-color:rgba(58,123,213,0.1);color:var(--c-primary);}
.dialog--info .dialog__icon_w {background-color:rgba(58,123,213,0.8);color:white;box-shadow:0 0 0 1px rgba(58,123,213,0.3);}
.dialog--success .dialog__icon {background-color:rgba(12,166,120,0.1);color:var(--c-success);}
.dialog--warning .dialog__icon {background-color:rgba(245,159,0,0.1);color:var(--c-warning);}
.dialog--error .dialog__icon {background-color:rgba(224,49,49,0.1);color:var(--c-danger);}
.dialog--confirm .dialog__icon {background-color:rgba(102,126,234,0.1);color:var(--c-secondary);}
.dialog__close {background:none;border:none;font-size:24px;color:var(--c-gray);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;flex-shrink:0;}
.dialog__close:hover {background-color:var(--c-gray-light);color:var(--c-dark);transform:rotate(90deg);}
.dialog__content {padding:24px;line-height:var(--line-height-relaxed);color:var(--c-gray-dark);background-color:white;}
.dialog__footer {padding:0 24px 24px;display:flex;justify-content:flex-end;gap:12px;background-color:white;}
.dialog__button {padding:10px 20px;border-radius:12px;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;position:relative;overflow:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;z-index:1;}
.dialog__button::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:all 0.6s ease;z-index:0;}
.dialog__button:hover::before {left:100%;}
.dialog__button span {position:relative;z-index:1;}
.dialog__button--primary {background-color:var(--c-primary);color:white;box-shadow:0 4px 12px var(--c-primary-glow);}
.dialog__button--primary:hover {background-color:var(--c-primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px var(--c-primary-glow);}
.dialog__button--primary:active {background-color:var(--c-primary-active);transform:translateY(0);box-shadow:0 4px 12px var(--c-primary-glow);}
.dialog__button--secondary {background-color:white;color:var(--c-gray-dark);border:1px solid var(--c-gray-light);box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.dialog__button--secondary:hover {background-color:var(--c-gray-light);border-color:var(--c-gray);box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-1px);}
.dialog__button--secondary:active {transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.dialog__button--danger {background-color:var(--c-danger);color:white;box-shadow:0 4px 12px var(--c-danger-glow);}
.dialog__button--danger:hover {background-color:var(--c-danger-hover);transform:translateY(-2px);box-shadow:0 8px 20px var(--c-danger-glow);}
.dialog__button--danger:active {background-color:var(--c-danger);transform:translateY(0);box-shadow:0 4px 12px var(--c-danger-glow);}
.dialog.dialog--tech .dialog__container {background:var(--c-black-glass);border:1px solid rgba(102,126,234,0.3);box-shadow:0 0 30px rgba(102,126,234,0.2),0 0 60px rgba(102,126,234,0.1);color:white;position:relative;overflow:hidden;}
.dialog.dialog--tech .dialog__container::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--decoration-gradient-accent);}
.dialog.dialog--tech .dialog__container::after {content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:1px solid rgba(102,126,234,0.1);border-radius:var(--dialog-border-radius);pointer-events:none;z-index:-1;animation:techBorderPulse 4s ease-in-out infinite;}
.dialog.dialog--tech {background-image:radial-gradient(rgba(102,126,234,0.15) 1px,transparent 1px),radial-gradient(rgba(102,126,234,0.15) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;}
@keyframes techBorderPulse {0%,100% {opacity:0.5;box-shadow:0 0 10px rgba(102,126,234,0.2);}
50% {opacity:1;box-shadow:0 0 20px rgba(102,126,234,0.4),0 0 40px rgba(102,126,234,0.2);}
}
.dialog.dialog--tech .dialog__header {background:rgba(23,28,43,0.95);border-bottom-color:rgba(102,126,234,0.2);}
.dialog.dialog--tech .dialog__title {color:white;}
.dialog.dialog--tech .dialog__content {background:rgba(23,28,43,0.95);color:rgba(255,255,255,0.85);}
.dialog.dialog--tech .dialog__footer {background:rgba(23,28,43,0.95);}
.dialog.dialog--tech .dialog__close {color:rgba(255,255,255,0.6);}
.dialog.dialog--tech .dialog__close:hover {background-color:rgba(102,126,234,0.2);color:white;}
.dialog.dialog--tech .dialog__icon {background-color:rgba(102,126,234,0.2);color:var(--c-secondary);}
.dialog.dialog--glass {background-color:rgba(0,0,0,0.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.dialog.dialog--glass .dialog__container {background:rgba(255,255,255,0.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);-moz-backdrop-filter:blur(15px);-o-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.05);position:relative;overflow:hidden;transition:all 0.3s ease;}
.dialog.dialog--glass .dialog__container::before {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%);transform:rotate(30deg);pointer-events:none;animation:glassShimmer 8s infinite linear;}
.dialog.dialog--glass .dialog__container::after {content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);pointer-events:none;}
@keyframes glassShimmer {0% {transform:rotate(30deg) translateX(-100%);}
100% {transform:rotate(30deg) translateX(100%);}
}
.dialog.dialog--glass .dialog__container:hover {background:rgba(255,255,255,0.25);box-shadow:0 12px 40px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.1);}
.dialog.dialog--glass .dialog__header {background:rgba(255,255,255,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-moz-backdrop-filter:blur(5px);-o-backdrop-filter:blur(5px);border-bottom-color:rgba(255,255,255,0.3);}
.dialog.dialog--glass .dialog__content {background:rgba(255,255,255,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-moz-backdrop-filter:blur(5px);-o-backdrop-filter:blur(5px);}
.dialog.dialog--glass .dialog__footer {background:rgba(255,255,255,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-moz-backdrop-filter:blur(5px);-o-backdrop-filter:blur(5px);}
.dialog.dialog--glass .dialog__button--primary {background-color:var(--c-primary);color:white !important;box-shadow:0 4px 12px rgba(58,123,213,0.3);}
.dialog.dialog--glass .dialog__button--secondary {background-color:rgba(255,255,255,0.8);color:var(--c-gray-dark) !important;border:1px solid rgba(200,200,200,0.8);}
.dialog.dialog--glass .dialog__button--danger {background-color:var(--c-danger);color:white !important;box-shadow:0 4px 12px rgba(224,49,49,0.3);}
.dialog.dialog--minimal .dialog__container {border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid var(--c-gray-light);}
.dialog.dialog--minimal .dialog__header {padding:16px 20px;border-bottom-color:var(--c-gray-light);}
.dialog.dialog--minimal .dialog__title {font-size:var(--font-size-lg);font-weight:500;}
.dialog.dialog--minimal .dialog__content {padding:20px;}
.dialog.dialog--minimal .dialog__footer {padding:0 20px 20px;}
.dialog.dialog--business .dialog__container {border-radius:6px;background:linear-gradient(to bottom right,white,#f8f9fa);box-shadow:0 5px 15px rgba(0,0,0,0.1);border:1px solid #e9ecef;}
.dialog.dialog--business .dialog__header {background:white;border-bottom-color:#e9ecef;}
.dialog.dialog--business .dialog__icon {width:32px;height:32px;font-size:16px;}
.dialog.dialog--business .dialog__button {border-radius:4px;}
.dialog.dialog--modern .dialog__container {border-radius:16px;overflow:hidden;}
.dialog.dialog--modern .dialog__header {padding:24px;background:var(--gradient-primary,linear-gradient(135deg,#3a7bd5,#3a6073));border:none;}
.dialog.dialog--modern .dialog__title {color:white;font-size:20px;}
.dialog.dialog--modern .dialog__close {color:rgba(255,255,255,0.8);}
.dialog.dialog--modern .dialog__close:hover {background-color:rgba(255,255,255,0.2);color:white;}
.dialog.dialog--modern .dialog__icon {background-color:rgba(255,255,255,0.2);color:white;}
.dialog.dialog--modern .dialog__content {padding:24px;background-color:white;}
.dialog.dialog--modern .dialog__footer {padding:0 24px 24px;background-color:white;}
.dialog.dialog--modern .dialog__button--primary {background-color:var(--c-primary);color:white !important;}
.dialog.dialog--modern .dialog__button--secondary {background-color:var(--c-gray-light);color:var(--c-gray-dark) !important;}
.dialog.dialog--modern .dialog__button--danger {background-color:var(--c-danger);color:white !important;}
@media (max-width:768px) {.dialog__container {width:95%;margin:20px;max-height:calc(100vh - 40px);}
.dialog__header,.dialog__content,.dialog__footer {padding-left:16px;padding-right:16px;}
.dialog__title {font-size:var(--font-size-lg);}
.dialog__icon {width:32px;height:32px;font-size:16px;}
.dialog__button {width:100%;}
}
@media (prefers-contrast:high) {.dialog__container {border:2px solid black;}
.dialog__header {border-bottom:2px solid black;}
.dialog__button {border:2px solid black;}
}
@media (prefers-reduced-motion:reduce) {.dialog,.dialog__container,.dialog__close,.dialog__button {transition:none;}
@keyframes dialogFadeIn {from {opacity:0;}
to {opacity:1;}
}
}
@keyframes dialogFadeIn {0% {opacity:0;transform:translateY(20px) scale(0.95);}
60% {transform:translateY(-5px) scale(1.02);}
100% {opacity:1;transform:translateY(0) scale(1);}
}
@keyframes backdropFadeIn {from {opacity:0;backdrop-filter:blur(0px);}
to {opacity:1;backdrop-filter:blur(4px);}
}
@keyframes closeButtonRotate {from {transform:rotate(0deg);}
to {transform:rotate(90deg);}
}
.dialog__close:hover {animation:closeButtonRotate 0.3s ease forwards;}
.dialog--important .dialog__icon {animation:iconPulse 2s ease-in-out infinite;}
@keyframes iconPulse {0%,100% {transform:scale(1);opacity:1;}
50% {transform:scale(1.5);opacity:0.9;}
}
.dialog__button {color-adjust:exact;-webkit-color-adjust:exact;-moz-color-adjust:exact;-ms-color-adjust:exact;}
.dialog__footer {background-color:white;color:var(--c-gray-dark);}
.dialog__footer .dialog__button {color:white !important;}
.dialog__footer .dialog__button--secondary {color:var(--c-gray-dark) !important;}
.ticket-banner {position:relative;background:var(--gradient-hero);color:white;padding:6rem 0;text-align:center;overflow:hidden;}
.ticket-banner::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(58,123,213,0.3),transparent 70%),radial-gradient(circle at 70% 70%,rgba(0,210,255,0.2),transparent 70%);z-index:0;}
.ticket-banner__content {position:relative;z-index:1;}
.ticket-banner__title {font-size:var(--font-size-3xl);margin-bottom:1rem;font-weight:700;letter-spacing:-0.02em;}
.ticket-banner__subtitle {font-size:var(--font-size-lg);margin-bottom:0;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto;}
.ticket-section-header {text-align:center;margin-bottom:3rem;}
.ticket-section-title {font-size:var(--font-size-2xl);color:var(--tech-dark-blue);margin-bottom:1rem;position:relative;display:inline-block;}
.ticket-section-title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:var(--c-primary-linear);border-radius:3px;}
.ticket-section-description {font-size:var(--font-size-base);color:var(--c-gray);max-width:600px;margin:0 auto;}
.ticket-form-section {padding:4rem 0;background-color:white;}
.ticket-form__wrapper {max-width:800px;margin:0 auto;background:white;padding:2rem;border-radius:1rem;box-shadow:0 6px 20px rgba(0,0,0,0.08);border:1px solid var(--c-gray-light);}
.ticket-form__fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;}
.ticket-form__field--textarea,.ticket-form__field--fullwidth {grid-column:1 / -1;}
.ticket-form__field--captcha {grid-column:1 / -1;display:flex;gap:1rem;align-items:center;}
@media (max-width:768px) {.ticket-form__field--captcha {flex-direction:column;align-items:stretch;}
.ticket-form__captcha-image {max-width:100%;}
}
.ticket-form__label {display:block;margin-bottom:0.5rem;font-weight:600;color:var(--tech-dark-blue);}
.ticket-form__input,.ticket-form__textarea,.ticket-form__select {width:100%;padding:0.75rem 1rem;border:2px solid var(--c-gray-light);border-radius:0.5rem;font-size:var(--font-size-base);transition:all 0.3s ease;background-color:white;}
.ticket-form__input:focus,.ticket-form__textarea:focus,.ticket-form__select:focus {outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(58,123,213,0.1);}
.ticket-form__textarea {resize:vertical;min-height:150px;}
.ticket-form__select {cursor:pointer;}
.ticket-form__captcha-image {max-width:200px;border-radius:0.5rem;cursor:pointer;transition:transform 0.2s ease;}
.ticket-form__captcha-image:hover {transform:scale(1.02);}
.ticket-form__captcha-refresh {color:var(--c-primary);font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer;margin-top:0.25rem;}
.ticket-form__actions {text-align:center;}
.ticket-form__submit-button {display:inline-block;padding:1rem 2.5rem;font-size:var(--font-size-lg);font-weight:600;color:white;background:var(--c-primary-linear);border-radius:0.5rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(58,123,213,0.3);cursor:pointer;border:none;}
.ticket-form__submit-button:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,123,213,0.4);color:white;}
.ticket-form__submit-button:active {transform:translateY(0);}
.ticket-guide-section {padding:4rem 0;background:var(--gradient-news);}
.ticket-guide__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;}
.ticket-guide__item {background:white;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid var(--c-gray-light);}
.ticket-guide__item:hover {transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.1);border-color:var(--c-primary);}
.ticket-guide__icon {width:60px;height:60px;border-radius:50%;background:var(--gradient-features);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;color:var(--c-primary);}
.ticket-guide__title {font-size:var(--font-size-xl);margin-bottom:1rem;color:var(--tech-dark-blue);}
.ticket-guide__description {color:var(--c-gray);font-size:var(--font-size-base);}
.ticket-faq-section {padding:4rem 0;background:var(--gradient-news);}
.ticket-faq__list {max-width:800px;margin:0 auto;}
.ticket-faq__item {margin-bottom:1rem;background:white;border-radius:0.75rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.ticket-faq__question {padding:1.25rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:background-color 0.3s ease;}
.ticket-faq__question:hover {background-color:rgba(58,123,213,0.05);}
.ticket-faq__question i {color:var(--c-primary);font-size:var(--font-size-lg);transition:transform 0.3s ease;}
.ticket-faq__question.active i {transform:rotate(45deg);}
.ticket-faq__question h3 {margin:0;font-size:var(--font-size-lg);color:var(--tech-dark-blue);flex:1;}
.ticket-faq__answer {padding:0 1.5rem 1.25rem;color:var(--c-gray);display:none;}
.ticket-faq__answer p {margin:0;}
@media (max-width:768px) {.ticket-banner {padding:4rem 0;}
.ticket-banner__title {font-size:var(--font-size-2xl);}
.ticket-banner__subtitle {font-size:var(--font-size-base);}
.ticket-section-title {font-size:var(--font-size-xl);}
.ticket-section-description {font-size:var(--font-size-sm);}
.ticket-form__fields {grid-template-columns:1fr;}
.ticket-form__wrapper {padding:1.5rem;}
.ticket-guide__grid {grid-template-columns:1fr;}
}
.ticket-form__error-message {color:var(--c-danger);font-size:var(--font-size-sm);margin-top:0.25rem;}
.ticket-form__success-message {background-color:var(--c-success-light);color:var(--c-success);padding:1rem;border-radius:0.5rem;margin-bottom:1.5rem;font-weight:600;text-align:center;}
.ticket-form__loading {display:inline-block;width:20px;height:20px;border:3px solid rgba(58,123,213,0.3);border-radius:50%;border-top-color:var(--c-primary);animation:spin 1s ease-in-out infinite;margin-right:0.5rem;}
@keyframes spin {to {transform:rotate(360deg);}
}
.api-documentation {margin:30px 0;background-color:#f8f9fa;border-radius:8px;padding:24px;}
.api-documentation__title {font-size:1.8rem;color:var(--c-primary);margin-bottom:20px;font-weight:600;}
.api-section {margin-bottom:30px;background-color:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid #e9ecef;}
.api-section__title {font-size:1.4rem;color:var(--c-dark);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--c-primary);}
.api-endpoint {margin-bottom:25px;}
.api-endpoint__title {font-size:1.1rem;font-weight:600;color:var(--c-primary);display:flex;align-items:center;margin-bottom:10px;}
.api-method {display:inline-block;padding:4px 10px;border-radius:4px;font-size:0.8rem;font-weight:600;margin-right:10px;color:white;min-width:60px;text-align:center;}
.api-method--get {background-color:#28a745;}
.api-method--post {background-color:#007bff;}
.api-method--put {background-color:#ffc107;color:var(--c-dark);}
.api-method--delete {background-color:#dc3545;}
.api-url {font-family:'Courier New',monospace;background-color:#f8f9fa;padding:6px 10px;border-radius:4px;border:1px solid #dee2e6;color:var(--c-dark);}
.api-description {margin-bottom:15px;color:var(--c-text-secondary);padding-left:70px;}
.api-parameters {margin-bottom:15px;padding-left:70px;}
.api-parameters__title {font-weight:600;margin-bottom:8px;color:var(--c-dark);}
.api-parameters__table {width:100%;border-collapse:collapse;}
.api-parameters__table th,.api-parameters__table td {border:1px solid #dee2e6;padding:10px;text-align:left;}
.api-parameters__table th {background-color:#f8f9fa;font-weight:600;color:var(--c-dark);}
.api-parameters__table tr:nth-child(even) {background-color:#f8f9fa;}
.api-response {margin-bottom:15px;padding-left:70px;}
.api-response__title {font-weight:600;margin-bottom:8px;color:var(--c-dark);}
.api-response__example {background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:15px;font-family:'Courier New',monospace;font-size:0.9rem;overflow-x:auto;white-space:pre-wrap;color:var(--c-dark);}
.api-tester {background-color:white;border-radius:8px;padding:24px;margin-top:30px;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid #e9ecef;}
.api-tester__title {font-size:1.4rem;color:var(--c-dark);margin-bottom:20px;font-weight:600;}
.api-tester__form-group {margin-bottom:20px;}
.api-tester__form-group label {display:block;margin-bottom:8px;font-weight:600;color:var(--c-dark);}
.api-tester__form-group select,.api-tester__form-group input,.api-tester__form-group textarea {width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
.api-tester__form-group select:focus,.api-tester__form-group input:focus,.api-tester__form-group textarea:focus {outline:none;border-color:var(--c-primary);box-shadow:0 0 0 2px rgba(102,126,234,0.25);}
.api-tester__form-group textarea {min-height:150px;font-family:'Courier New',monospace;resize:vertical;}
.api-tester__submit-btn {background-color:var(--c-primary);color:white;border:none;padding:10px 20px;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.15s ease-in-out;}
.api-tester__submit-btn:hover {background-color:var(--c-primary-active);}
.api-tester__response {margin-top:20px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:15px;max-height:400px;overflow-y:auto;}
.api-tester__response-title {font-weight:600;margin-bottom:10px;color:var(--c-dark);}
.api-tester__response-content {font-family:'Courier New',monospace;font-size:0.9rem;white-space:pre-wrap;color:var(--c-dark);}
.code-highlight {background-color:#f8f9fa;border-radius:4px;padding:15px;margin:15px 0;overflow-x:auto;font-family:'Courier New',monospace;font-size:0.9rem;border:1px solid #dee2e6;}
.code-highlight--javascript .keyword {color:#795e26;font-weight:bold;}
.code-highlight--javascript .string {color:#032f62;}
.code-highlight--javascript .comment {color:#6a737d;font-style:italic;}
.code-highlight--javascript .number {color:#005cc5;}
.code-highlight--javascript .function {color:#6f42c1;}
.code-highlight--javascript .property {color:#d73a49;}
@media (max-width:768px) {.api-description,.api-parameters,.api-response {padding-left:0;}
.api-endpoint__title {flex-direction:column;align-items:flex-start;}
.api-method {margin-bottom:8px;}
}