*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{min-height:100vh;font-family:Cairo,Inter,-apple-system,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none;transition:color .2s}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:root,[data-theme=light]{--bg-primary:#f4f6f9;--bg-secondary:#e8eef8;--bg-tertiary:#d8e2f2;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-glass:#f4f6f9d9;--bg-overlay:#0006;--bg-input:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--brand-primary:#06f;--brand-primary-rgb:0, 102, 255;--brand-primary-light:#4d94ff;--brand-primary-dark:#0052cc;--brand-primary-bg:#0066ff0f;--brand-primary-bg-hover:#0066ff1f;--accent-blue:#0091ff;--accent-green:#00c492;--accent-amber:#ff8a00;--accent-red:#ef4444;--accent-fuchsia:#d946ef;--accent-cyan:#06b6d4;--gradient-hero:linear-gradient(135deg, #e6f0ff 0%, #d2e4ff 50%, #fafbfd 100%);--gradient-card:linear-gradient(145deg, #0066ff03, #0066ff08);--gradient-accent:linear-gradient(135deg, #06f 0%, #00d2ff 100%);--gradient-warm:linear-gradient(135deg, #ff8a00 0%, #ffb800 100%);--gradient-cool:linear-gradient(135deg, #0091ff 0%, #00c492 100%);--gradient-purple:linear-gradient(135deg, #06f 0%, #00d2ff 100%);--gradient-mint:linear-gradient(135deg, #00c492 0%, #15e8b7 100%);--gradient-orange:linear-gradient(135deg, #ff8a00 0%, #ffb800 100%);--gradient-blue:linear-gradient(135deg, #0091ff 0%, #00f0ff 100%);--gradient-fuchsia:linear-gradient(135deg, #d946ef 0%, #ec4899 100%);--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#06f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #00000014;--shadow-xl:0 20px 50px #0000001f;--shadow-glow:0 0 30px #06f3;--shadow-card:0 2px 8px #0000000a;--shadow-card-hover:0 8px 24px #00000014;--footer-bg:#111124;--footer-text:#cbd5e1;--sidebar-bg:#111124;--sidebar-border:#ffffff14;--sidebar-text:#a2aabf;--sidebar-text-hover:#fff;--sidebar-active-bg:#0066ff26;--sidebar-active-text:#4d94ff;--nav-bg:#111124;--nav-bg-rgb:17, 17, 36;--nav-border:#ffffff14;--nav-text:#a2aabf;--nav-text-hover:#fff;--nav-logo-color:#fff;--nav-active-bg:#0066ff26;--nav-active-text:#4d94ff;--shimmer-wave:#fff6}[data-theme=dark]{--bg-primary:#070716;--bg-secondary:#0c0d20;--bg-tertiary:#141733;--bg-card:#14173399;--bg-card-hover:#141733cc;--bg-glass:#070716d9;--bg-overlay:#000000b3;--bg-input:#ffffff0a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#070716;--brand-primary:#3b82f6;--brand-primary-rgb:59, 130, 246;--brand-primary-light:#60a5fa;--brand-primary-dark:#2563eb;--brand-primary-bg:#3b82f61a;--brand-primary-bg-hover:#3b82f633;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-amber:#ff8a00;--accent-red:#ef4444;--accent-fuchsia:#d946ef;--accent-cyan:#06b6d4;--gradient-hero:radial-gradient(ellipse at top right, #3b82f626, transparent 60%), radial-gradient(ellipse at bottom left, #ff8a000d, transparent 50%), linear-gradient(180deg, #070716 0%, #0c0d20 100%);--gradient-card:linear-gradient(145deg, #ffffff08, #ffffff03);--gradient-accent:linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gradient-warm:linear-gradient(135deg, #ff8a00 0%, #ffb800 100%);--gradient-cool:linear-gradient(135deg, #0091ff 0%, #00c492 100%);--gradient-purple:linear-gradient(135deg, #3b82f6 0%, #00f0ff 100%);--gradient-mint:linear-gradient(135deg, #10b981 0%, #15e8b7 100%);--gradient-orange:linear-gradient(135deg, #ff8a00 0%, #ffb800 100%);--gradient-blue:linear-gradient(135deg, #3b82f6 0%, #00f0ff 100%);--gradient-fuchsia:linear-gradient(135deg, #d946ef 0%, #ec4899 100%);--border-light:#ffffff0f;--border-medium:#ffffff1f;--border-focus:#3b82f6;--shadow-sm:0 4px 10px #0000004d;--shadow-md:0 10px 20px #0006;--shadow-lg:0 15px 35px #00000080;--shadow-xl:0 25px 50px #0009;--shadow-glow:0 0 30px #3b82f666;--shadow-card:0 10px 30px #0003;--shadow-card-hover:0 15px 40px #0006;--footer-bg:#03030a;--footer-text:#94a3b8;--sidebar-bg:#070716;--sidebar-border:#ffffff0f;--sidebar-text:#94a3b8;--sidebar-text-hover:#fff;--sidebar-active-bg:#3b82f626;--sidebar-active-text:#60a5fa;--nav-bg:#070716;--nav-bg-rgb:7, 7, 22;--nav-border:#ffffff0f;--nav-text:#94a3b8;--nav-text-hover:#fff;--nav-logo-color:#fff;--nav-active-bg:#3b82f626;--nav-active-text:#60a5fa;--shimmer-wave:#ffffff0f}body{background-color:var(--bg-primary);color:var(--text-primary)}.text-xs{font-size:.75rem;line-height:1.5}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.55}.text-xl{font-size:1.25rem;line-height:1.4}.text-2xl{font-size:1.5rem;line-height:1.35}.text-3xl{font-size:1.875rem;line-height:1.3}.text-4xl{font-size:2.25rem;line-height:1.2}.text-5xl{font-size:3rem;line-height:1.15}.text-6xl{font-size:3.75rem;line-height:1.1}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.container-lg{max-width:1440px}.btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:var(--brand-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--brand-primary-bg);color:var(--brand-primary);border:1px solid #0000}.btn-secondary:hover{background:var(--brand-primary-bg-hover);border-color:var(--brand-primary)}.btn-outline{color:var(--brand-primary);border:1.5px solid var(--brand-primary);background:0 0}.btn-outline:hover{background:var(--brand-primary);color:var(--text-inverse)}.btn-ghost{color:var(--text-secondary);background:0 0;border-radius:50%;padding:8px}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-lg{border-radius:10px;padding:14px 28px;font-size:1rem}.btn-sm{border-radius:6px;padding:6px 14px;font-size:.8rem}.btn-icon{border-radius:10px;padding:10px}.card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-card);border-radius:12px;padding:24px;transition:all .3s}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-medium)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:16px}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--brand-primary-bg);color:var(--brand-primary)}.badge-green{color:#059669;background:#10b9811f}.badge-amber{color:#d97706;background:#f59e0b1f}.badge-red{color:#dc2626;background:#ef44441f}.badge-blue{color:#2563eb;background:#3b82f61f}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.input{border:1.5px solid var(--border-light);background:var(--bg-input);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:.95rem;transition:all .2s}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-bg);outline:none}.input::placeholder{color:var(--text-tertiary)}select.input option{background-color:var(--bg-primary);color:var(--text-primary)}.tag{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.tag:hover,.tag.active{background:var(--brand-primary-bg);color:var(--brand-primary);border-color:var(--brand-primary)}.stat-card{text-align:center;padding:20px}.stat-value{color:var(--brand-primary);font-size:2rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-tertiary);margin-top:4px;font-size:.85rem}.avatar{width:40px;height:40px;color:var(--text-inverse);background:var(--gradient-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.avatar-lg{width:56px;height:56px;font-size:1.2rem}.avatar-xl{width:80px;height:80px;font-size:1.5rem}.progress-bar{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-accent);border-radius:3px;height:100%;transition:width .6s}.stars{gap:2px;display:flex}.stars .material-icons-outlined{color:var(--accent-amber);font-size:18px}.stars .material-icons-outlined.empty{color:var(--border-light)}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade{animation:.5s forwards fadeIn}.animate-slide-up{animation:.5s forwards slideUp}.animate-slide-right{animation:.5s forwards slideInRight}.animate-scale{animation:.3s forwards scaleIn}.stagger>*{opacity:0;animation:.5s forwards slideUp}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}@media (width<=1024px){.container{padding:0 20px}}@media (width<=768px){.container{padding:0 16px}.text-6xl{font-size:2.5rem}.text-5xl{font-size:2rem}.text-4xl{font-size:1.75rem}}@media (width<=480px){.container{padding:0 12px}}.navbar{z-index:1000;background:#0d1535;border-bottom:1px solid #ffffff14;transition:background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#091026;border-bottom:1px solid #ffffff0f;box-shadow:0 6px 32px #00000080}.nav-container{direction:ltr;align-items:center;gap:0;max-width:1800px;height:80px;margin:0 auto;padding:0 20px;transition:height .4s cubic-bezier(.16,1,.3,1);display:flex}.navbar.scrolled .nav-container{height:68px}.nav-logo{flex-shrink:0;align-items:center;gap:10px;margin-right:20px;line-height:1;text-decoration:none;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.nav-logo:hover{opacity:.85;transform:scale(1.03)}.logo-orbyte{letter-spacing:.12em;color:#fff;white-space:nowrap;font-family:Raleway,Gill Sans,Century Gothic,sans-serif;font-size:1.55rem;font-weight:300}.logo-finder-wrap{background:#fff;border-radius:3px;align-items:center;padding:3px 10px 4px;line-height:1;display:inline-flex}.logo-finder{letter-spacing:.12em;color:#1c085d;white-space:nowrap;font-family:Raleway,Gill Sans,Century Gothic,sans-serif;font-size:1.55rem;font-weight:300}.nav-links{direction:rtl;flex-wrap:nowrap;flex:1;align-items:center;gap:2px;display:flex;overflow:hidden}.nav-link{color:#fffc;white-space:nowrap;letter-spacing:.01em;border-radius:8px;padding:6px 8px;font-size:.85rem;font-weight:500;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:#fff;background:#1c085d8c;font-weight:700;box-shadow:inset 0 0 0 1px #a78bfa40}.nav-link.active:after{content:"";background:#a78bfa;border-radius:50%;width:3px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #a78bfa}.nav-actions{direction:ltr;flex-shrink:0;align-items:center;gap:8px;margin-left:16px;display:flex;position:relative}.theme-toggle,.nav-user-btn{color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle:hover,.nav-user-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-2px)}.theme-toggle:active,.nav-user-btn:active{transform:translateY(0)}.nav-user-btn{position:relative}.user-dropdown{-webkit-backdrop-filter:blur(30px);z-index:100;direction:rtl;background:#0c0820fa;border:1px solid #ffffff14;border-radius:14px;min-width:220px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 48px #0009}.user-dropdown.show{animation:.22s cubic-bezier(.16,1,.3,1) dropdownAppear;display:block}@keyframes dropdownAppear{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.user-dropdown a{color:#ffffffb3;text-align:right;border-radius:8px;padding:10px 14px;font-size:.875rem;font-weight:600;transition:all .2s;display:block}.user-dropdown a:hover{color:#fff;background:#1c085d8c;transform:translate(-3px)}.user-dropdown hr{border:none;border-top:1px solid #ffffff12;margin:4px 0}.navbar .nav-cta{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#1c085d 0%,#4c1d95 100%);border:1px solid #a78bfa4d;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 18px #1c085d8c}.navbar .nav-cta:hover{filter:brightness(1.12);border-color:#a78bfa80;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 28px #1c085dbf}.navbar .nav-cta:active{transform:translateY(0)scale(1)}.mobile-menu-btn{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .22s;display:none}.mobile-menu-btn:hover{color:#fff;background:#ffffff1a}@media (width>=1025px) and (width<=1400px){.nav-container{padding:0 24px}.nav-logo{margin-right:24px}.nav-link{padding:6px 9px;font-size:.78rem}.navbar .nav-cta{padding:7px 14px;font-size:.78rem}}@media (width>=1025px) and (width<=1200px){.nav-link{padding:5px 7px;font-size:.74rem}}@media (width<=1024px){.nav-container{padding:0 20px}.nav-logo{margin-right:0}.nav-links{-webkit-backdrop-filter:blur(30px);z-index:99;direction:rtl;background:#0a061cfa;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:4px;padding:16px;animation:.28s cubic-bezier(.16,1,.3,1) mobileMenuAppear;display:none;position:absolute;top:100%;left:0;right:0}@keyframes mobileMenuAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-container.show-mobile .nav-links{display:flex}.nav-link{text-align:center;border-radius:8px;width:100%;padding:11px}.nav-link.active:after{display:none}.mobile-menu-btn{display:flex}.nav-cta{display:none!important}}.help-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.help-overlay.show{display:flex}.help-modal{background:var(--bg-card);border-radius:24px 24px 0 0;width:100%;max-width:600px;padding:32px;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(100%);box-shadow:0 -10px 40px #0003}.help-overlay.show .help-modal{transform:translateY(0)}.help-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.help-title{color:var(--brand-primary);align-items:center;gap:12px;font-size:1.25rem;font-weight:800;display:flex}.help-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.help-section-title{color:var(--text-primary);margin-bottom:12px;font-size:.9rem;font-weight:700;display:block}.help-usage-list{flex-direction:column;gap:10px;display:flex}.help-usage-item{color:var(--text-secondary);gap:12px;font-size:.9rem;display:flex}.help-usage-item span{color:var(--brand-primary);font-weight:800}.footer{background:var(--footer-bg);color:var(--footer-text);border-top:1px solid #ffffff0d;margin-top:100px;padding:80px 0 0;position:relative;overflow:hidden}.footer:before{content:"";background:var(--gradient-accent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.footer:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0066ff14 0%,#0000 70%);width:350px;height:350px;position:absolute;bottom:0;left:10%}.footer-container{z-index:1;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.footer-top-section{border-bottom:1px solid #ffffff14;grid-template-columns:1.8fr 1.2fr 1.2fr 1.6fr;gap:40px;padding-bottom:56px;display:grid}.footer-logo{direction:ltr;margin-bottom:24px}.footer-logo-link{gap:10px;direction:ltr!important;margin-right:0!important}.footer-logo .logo-orbyte{font-size:1.65rem}.footer-logo .logo-finder-wrap{padding:4px 11px 5px}.footer-logo .logo-finder{font-size:1.65rem}.footer-desc{color:#ffffff8c;margin-bottom:24px;font-size:.9rem;line-height:1.8}.footer-social{gap:12px;display:flex}.social-link{color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #00000026}.social-link:hover{color:#fff;border-color:#fff3;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #0066ff40}.social-link:first-child:hover{background:var(--brand-primary)}.social-link:nth-child(2):hover{background:var(--accent-amber)}.social-link:nth-child(3):hover{background:red}.footer-links-group h4,.footer-newsletter h4{color:#fff;margin-bottom:24px;padding-bottom:8px;font-size:1.05rem;font-weight:800;display:inline-block;position:relative}.footer-links-group h4:after,.footer-newsletter h4:after{content:"";background:var(--gradient-accent);border-radius:2px;width:24px;height:2px;position:absolute;bottom:0;right:0}.footer-links-group ul{margin:0;padding:0;list-style:none}.footer-links-group li{margin-bottom:12px}.footer-links-group a{color:#ffffffa6;text-align:right;align-items:center;gap:8px;width:fit-content;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.footer-links-group a:before{content:"←";color:var(--brand-primary);opacity:0;font-size:.9rem;transition:all .25s;transform:translate(8px)}.footer-links-group a:hover:before{opacity:1;transform:translate(0)}.footer-links-group a:hover{color:#fff;transform:translate(-6px)}.footer-newsletter p{color:#fff9;margin-bottom:20px;font-size:.9rem;line-height:1.6}.newsletter-form{flex-direction:column;gap:12px;width:100%;display:flex}.newsletter-form .input-wrapper{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.newsletter-form .input-icon{color:#fff6;padding-right:14px;font-size:1.1rem}.newsletter-form .input-wrapper:focus-within{border-color:var(--brand-primary);background:#ffffff14;box-shadow:0 0 0 3px #6d28d933}.newsletter-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-size:.875rem}.newsletter-input::placeholder{color:#fff6}.footer-newsletter button.newsletter-btn{background:linear-gradient(135deg, var(--brand-primary) 0%, #a78bfa 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 15px #6d28d94d}.footer-newsletter button.newsletter-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #6d28d980}.footer-bottom{border-top:1px solid #ffffff0d;margin-top:0;padding:24px 0}.footer-bottom-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-bottom-content p{color:#ffffff80;margin:0;font-size:.9rem}.footer-bottom-content strong{color:#fff;letter-spacing:.5px}.footer-legal-links{align-items:center;gap:12px;display:flex}.footer-legal-links a{color:#fff9;font-size:.85rem;transition:color .2s}.footer-legal-links a:hover{color:var(--brand-primary)}.footer-legal-links .dot{color:#fff3;font-size:.8rem}.main-content{min-height:calc(100vh - 70px);padding-top:80px;transition:padding-top .4s cubic-bezier(.16,1,.3,1)}.section{padding:80px 0}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:2rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem}.tabs{background:var(--bg-tertiary);border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.tab{color:var(--text-tertiary);cursor:pointer;border-radius:8px;padding:8px 18px;font-size:.875rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-card);color:var(--brand-primary);box-shadow:var(--shadow-sm);font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:right;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);padding:12px 16px;font-size:.8rem;font-weight:600}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);padding:14px 16px;font-size:.9rem}.data-table tr:hover td{background:var(--bg-secondary)}.page-with-sidebar{grid-template-columns:260px 1fr;gap:32px;min-height:calc(100vh - 64px);display:grid}.sidebar{background:var(--sidebar-bg);border-left:1px solid var(--sidebar-border);height:calc(100vh - 64px);padding:24px 16px;position:sticky;top:64px;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--sidebar-text-hover);background:#ffffff0d}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.sidebar-link .material-icons-outlined{font-size:20px}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dash-welcome h1{font-size:1.5rem;font-weight:800}.dash-welcome p{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.dash-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.chat-container{flex-direction:column;height:calc(100vh - 128px);display:flex}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-msg{border-radius:16px;max-width:75%;padding:14px 18px;font-size:.95rem;line-height:1.6}.chat-msg.bot{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-right-radius:4px;align-self:flex-start}.chat-msg.user{background:var(--brand-primary);color:var(--text-inverse);border-bottom-left-radius:4px;align-self:flex-end}.chat-input-area{border-top:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 24px;display:flex}.chat-input-area .input{flex:1}@media (width<=1024px){.nav-links,.nav-cta{display:none}.mobile-menu-btn{display:flex}.footer-top-section{grid-template-columns:1fr 1fr;gap:32px}.page-with-sidebar{grid-template-columns:1fr}.sidebar{display:none}}@media (width<=768px){.footer-top-section{grid-template-columns:1fr;gap:40px}.footer-bottom-content{text-align:center;flex-direction:column;justify-content:center}.dash-stats{grid-template-columns:1fr 1fr}}@media (width<=480px){.newsletter-form{flex-direction:column}.dash-stats{grid-template-columns:1fr}}.section,.trusted-by-section,.stats-counter-section,.hp-trusted,.hp-stats{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.section.revealed,.trusted-by-section.revealed,.stats-counter-section.revealed,.hp-trusted.revealed,.hp-stats.revealed{opacity:1;transform:translateY(0)}.section-title{color:var(--text-primary);margin-bottom:12px;font-family:Cairo,Tajawal,sans-serif;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900}.section-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:1rem;line-height:1.75}.section-header{text-align:center;margin-bottom:48px}.section-badge{background:var(--brand-primary-bg);color:var(--brand-primary);border-radius:50px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 18px;font-size:.85rem;font-weight:700;display:inline-flex}.hero{background:var(--gradient-hero);align-items:center;min-height:100vh;padding:120px 0 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#10b98126,#0000 60%),radial-gradient(circle at 70% 80%,#f59e0b14,#0000 50%);position:absolute;inset:0}.hero-gradient-orb{filter:blur(80px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.hero-orb-1{background:#10b98133;width:500px;height:500px;animation:8s ease-in-out infinite float;top:-150px;right:-100px}.hero-orb-2{background:#f59e0b1a;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-100px;left:-100px}.hero-orb-3{background:#10b9811a;width:300px;height:300px;animation:12s ease-in-out infinite float;top:40%;left:50%}.hero-content{z-index:2;text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.hero-badge-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.hero-trust-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;animation:.6s forwards slideUp;display:inline-flex}.hero-trust-badge.secondary{opacity:0;animation-delay:.15s}.hero h1{color:#fff;letter-spacing:-.5px;margin-bottom:20px;font-size:3.8rem;font-weight:900;line-height:1.15}.hero-gradient-text{background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p.hero-sub{color:#fffc;max-width:680px;margin:0 auto 40px;font-size:1.2rem;line-height:1.8}.hero-search-wrapper{max-width:720px;margin:0 auto}.hero-search{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;align-items:center;gap:0;padding:6px;transition:all .3s;display:flex}.hero-search:focus-within{box-shadow:0 0 40px rgba(var(--brand-primary-rgb), .2);background:#ffffff2e;border-color:#ffffff59}.hero-search-icon{color:#ffffff80;padding:0 12px;font-size:24px!important}.hero-search input{color:#fff;background:0 0;border:none;flex:1;padding:14px 8px;font-size:1rem}.hero-search input::placeholder{color:#ffffff80}.hero-search input:focus{outline:none}.hero-search-btn{align-items:center;gap:8px;display:flex;color:var(--brand-primary)!important;background:#fff!important;border-radius:12px!important;padding:12px 28px!important;font-weight:700!important;transition:all .25s!important}.hero-search-btn:hover{transform:translate(-2px);background:#f0f0f0!important}.hero-search-tags{justify-content:center;gap:8px;margin-top:14px;display:flex}.search-suggestion{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:20px;padding:5px 14px;font-size:.8rem;transition:all .2s}.search-suggestion:hover{color:#fff;background:#ffffff29;border-color:#fff3}.hero-stats-row{justify-content:center;gap:0;margin-top:56px;padding:0 20px;display:flex}.hero-stat{text-align:center;padding:0 40px}.hero-stat .value{color:#fff;letter-spacing:-1px;font-size:2.5rem;font-weight:900}.hero-stat .label{color:#fff9;margin-top:4px;font-size:.85rem}.stat-bar{background:#ffffff1a;border-radius:2px;width:100%;height:3px;margin-top:10px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,#10b981,#f59e0b);border-radius:2px;height:100%;transition:width 1.5s}.hero-stat-divider{background:#ffffff26;align-self:center;width:1px;height:60px}.hero-scroll-indicator{z-index:10;cursor:pointer;color:#ffffff80;transition:color .2s;animation:2s infinite bounceDown;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero-scroll-indicator:hover{color:#ffffffe6}@keyframes bounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.quick-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.filter-chip{color:#ffffffd9;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.filter-chip:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.trusted-by-section{border-bottom:1px solid var(--border-light);padding:32px 0}.trusted-by-content{align-items:center;gap:32px;display:flex}.trusted-label{color:var(--text-tertiary);white-space:nowrap;font-size:.85rem;font-weight:600}.trusted-logos{flex:1;justify-content:space-around;align-items:center;gap:32px;display:flex;overflow:hidden}.trusted-logo{color:var(--text-tertiary);white-space:nowrap;opacity:.6;align-items:center;gap:8px;font-size:.85rem;font-weight:500;transition:opacity .2s;display:flex}.trusted-logo:hover{opacity:1}.trusted-logo .material-icons-outlined{font-size:22px}.how-it-works-section{background:var(--bg-primary)}.steps-grid{justify-content:center;align-items:stretch;gap:0;display:flex}.step-card{background:var(--bg-card);border:1px solid var(--border-light);text-align:center;border-radius:20px;flex:1;max-width:320px;padding:36px 28px 32px;transition:all .35s;position:relative}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.step-card.featured{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);z-index:2;transform:scale(1.03)}.step-card.featured:hover{transform:scale(1.03)translateY(-6px)}.step-popular-badge{background:var(--brand-primary);color:#fff;white-space:nowrap;border-radius:20px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.step-number{color:var(--brand-primary-bg);letter-spacing:-2px;margin-bottom:16px;font-size:3rem;font-weight:900;line-height:1}[data-theme=dark] .step-number{color:#7c6ff726}.step-icon-wrap{background:var(--gradient-accent);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.step-icon-wrap .material-icons-outlined{font-size:30px}.step-icon-wrap.accent{background:linear-gradient(135deg,#f59e0b,#d97706)}.step-icon-wrap.green{background:linear-gradient(135deg,#10b981,#059669)}.step-card h3{margin-bottom:10px;font-size:1.1rem;font-weight:700}.step-connector{width:48px;color:var(--text-tertiary);opacity:.4;flex-shrink:0;justify-content:center;align-items:center;display:flex}.compare-tool-section{background:var(--bg-secondary);padding:80px 0}.compare-slots{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px;display:grid}.compare-slot{border:2px dashed var(--border-medium);text-align:center;cursor:pointer;background:var(--bg-card);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:32px 20px;transition:all .3s;display:flex}.compare-slot:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-glow)}.compare-slot .material-icons-outlined{color:var(--brand-primary);font-size:36px}.compare-slot.filled{border-style:solid;border-color:var(--brand-primary);background:var(--gradient-card)}.leaderboard-section{padding:80px 0}.leaderboard-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.leader-card{background:var(--bg-card);text-align:center;border:1px solid var(--border-light);border-radius:16px;padding:28px;transition:all .3s;position:relative}.leader-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.leader-card .rank{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex;position:absolute;top:-14px;right:-14px}.leader-card:first-child .rank{background:linear-gradient(135deg,#f59e0b,#eab308)}.leader-card:nth-child(2) .rank{background:linear-gradient(135deg,#94a3b8,#64748b)}.leader-card:nth-child(3) .rank{background:linear-gradient(135deg,#b45309,#d97706)}.leader-card .student-name{margin-top:16px;font-size:1.1rem;font-weight:700}.leader-card .school-name{color:var(--text-tertiary);margin-top:4px;font-size:.85rem}.talents-section{background:var(--bg-secondary);padding:80px 0}.talents-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:32px;display:grid}.talent-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;transition:all .3s;overflow:hidden}.talent-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.talent-img{background:var(--gradient-cool);justify-content:center;align-items:center;height:180px;display:flex}.talent-img .material-icons-outlined{color:#fffc;font-size:48px}.talent-info{padding:16px}.talent-info h4{margin-bottom:4px;font-size:.95rem;font-weight:700}.talent-info p{color:var(--text-tertiary);font-size:.8rem}.knowledge-section{padding:80px 0}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.article-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;transition:all .35s;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.article-thumb{background:var(--gradient-accent);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.article-thumb .material-icons-outlined{color:#ffffffb3;font-size:48px}.article-read-time{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000059;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex;position:absolute;bottom:12px;left:12px}.article-tags{gap:6px;margin-bottom:10px;display:flex}.article-tag{background:var(--brand-primary-bg);color:var(--brand-primary);border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600}.article-body{padding:20px}.article-body h4{margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.5}.article-body p{color:var(--text-tertiary);font-size:.85rem;line-height:1.6}.cta-section{background:var(--bg-secondary);padding:80px 0}.cta-banner{background:var(--gradient-hero);text-align:center;color:#fff;border-radius:24px;padding:72px 48px;position:relative;overflow:hidden}.cta-banner:before{content:"";background:radial-gradient(circle at 20% 80%,#ffffff14,#0000 50%);position:absolute;inset:0}.cta-glow{background:rgba(var(--brand-primary-rgb), .3);filter:blur(80px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.cta-content{z-index:2;position:relative}.cta-badge{color:#fff;background:#ffffff26;border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.cta-banner h2{margin-bottom:16px;font-size:2.2rem;font-weight:800}.cta-banner p{opacity:.85;max-width:600px;margin:0 auto 24px;font-size:1.05rem;line-height:1.7}.cta-features{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;display:flex}.cta-feature{color:#ffffffd9;align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:flex}.cta-feature .material-icons-outlined{color:#6ee7b7;font-size:20px}.cta-main-btn{box-shadow:0 8px 30px #00000026;color:var(--brand-primary)!important;background:#fff!important;border-radius:14px!important;padding:16px 40px!important;font-size:1.05rem!important;font-weight:700!important;transition:all .3s!important}.cta-main-btn:hover{box-shadow:0 12px 40px #0003;background:#f0f0ff!important;transform:translateY(-2px)!important}.features-section{background:var(--bg-secondary);padding:80px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-block{background:var(--bg-card);border:1px solid var(--border-light);text-align:center;border-radius:20px;padding:36px 28px;transition:all .35s;position:relative}.feature-block:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary);transform:translateY(-6px)}.feature-block-icon{background:var(--gradient-accent);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 22px;transition:transform .3s;display:flex}.feature-block:hover .feature-block-icon{transform:scale(1.08)}.feature-block-icon .material-icons-outlined{font-size:32px}.feature-block-icon.accent{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-block-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.feature-block h3{margin-bottom:10px;font-size:1.15rem;font-weight:700}.feature-block p{color:var(--text-secondary);margin-bottom:18px;font-size:.9rem;line-height:1.65}.feature-block-link{color:var(--brand-primary);align-items:center;gap:4px;font-size:.9rem;font-weight:700;transition:gap .2s;display:inline-flex}.feature-block-link:hover{gap:8px}.top-schools-section{padding:80px 0}.top-schools-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px;display:grid}.school-special-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000080;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:600;position:absolute;bottom:12px;left:12px}.ai-promo-section{background:var(--bg-secondary);padding:80px 0}.ai-promo-content{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.ai-promo-badge{background:var(--brand-primary-bg);color:var(--brand-primary);border-radius:50px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-flex}[data-theme=dark] .ai-promo-badge{background:rgba(var(--brand-primary-rgb), .2);color:var(--brand-primary-light)}.ai-promo-text h2{margin-bottom:16px;font-size:2rem;font-weight:800;line-height:1.3}.ai-promo-text p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.ai-features-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.ai-feature-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.92rem;font-weight:500;display:flex}.ai-feature-item .material-icons-outlined{color:var(--accent-green);font-size:22px}.ai-promo-visual{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.ai-terminal-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:14px 20px;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots .dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.terminal-title{color:var(--text-tertiary);font-size:.8rem;font-weight:600}.ai-chat-preview{flex-direction:column;gap:16px;padding:24px;display:flex}.chat-bubble{border-radius:14px;max-width:90%;padding:14px 18px;font-size:.9rem;line-height:1.6}.chat-bubble.user{background:var(--brand-primary);color:#fff;border-bottom-left-radius:4px;align-self:flex-end}.chat-bubble.bot{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-right-radius:4px;align-self:flex-start;align-items:flex-start;gap:8px;display:flex}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px;animation:1.4s infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-result-item{padding:6px 0;font-size:.88rem}.ai-match{color:#059669;background:#10b9811f;border-radius:4px;margin-right:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}[data-theme=dark] .ai-match{color:#6ee7b7;background:#10b98133}.testimonials-section{background:var(--bg-primary)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:32px 28px;transition:all .35s;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.testimonial-card.featured{border-color:var(--brand-primary);box-shadow:var(--shadow-glow)}.testimonial-stars{gap:2px;margin-bottom:16px;display:flex}.testimonial-stars .material-icons-outlined{color:#f59e0b;font-size:18px}.testimonial-text{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--gradient-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex}.testimonial-name{font-size:.92rem;font-weight:700}.testimonial-role{color:var(--text-tertiary);font-size:.8rem}.stats-counter-section{background:var(--gradient-hero);padding:64px 0;position:relative;overflow:hidden}.stats-counter-section:before{content:"";background:radial-gradient(circle at 80% 50%, rgba(var(--brand-primary-rgb), .3), transparent 60%);pointer-events:none;position:absolute;inset:0}.stats-counter-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:32px;display:grid;position:relative}.counter-item{text-align:center;color:#fff}.counter-icon{color:#ffffff80;margin-bottom:12px;font-size:36px;display:block}.counter-value{letter-spacing:-1px;font-size:2.8rem;font-weight:900;line-height:1.1}.counter-label{color:#ffffffa6;margin-top:6px;font-size:.9rem}@media (width<=992px){.hero h1{font-size:2.8rem}.features-grid{grid-template-columns:1fr}.top-schools-grid{grid-template-columns:repeat(2,1fr)}.ai-promo-content{grid-template-columns:1fr}.steps-grid{flex-direction:column;align-items:center;gap:16px}.step-connector{width:auto;height:32px;transform:rotate(90deg)}.testimonials-grid{grid-template-columns:1fr}.stats-counter-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid{grid-template-columns:1fr}.trusted-by-content{text-align:center;flex-direction:column}.trusted-logos{flex-wrap:wrap;justify-content:center;gap:16px}}@media (width<=768px){.hero{min-height:auto;padding:100px 0 80px}.hero h1{font-size:2.2rem}.hero p.hero-sub{font-size:1rem}.top-schools-grid{grid-template-columns:1fr}.hero-stats-row{flex-wrap:wrap;gap:24px}.hero-stat-divider{display:none}.quick-filters{gap:8px}.hero-badge-row{flex-direction:column;align-items:center}.stats-counter-grid{grid-template-columns:1fr 1fr;gap:24px}.step-card.featured{transform:none}.step-card.featured:hover{transform:translateY(-6px)}}.search-page{padding:32px 0 80px}.search-page-inner{box-sizing:border-box;grid-template-columns:280px 1fr;gap:32px;max-width:100%;margin:0 auto;padding:0 40px;display:grid}@media (width<=992px){.search-page-inner{grid-template-columns:1fr;gap:24px;padding:0 20px}.search-filters{margin-bottom:12px;position:relative!important;top:0!important}}.search-filters{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1.5px solid var(--border-light);height:fit-content;box-shadow:var(--shadow-lg);border-radius:24px;padding:28px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:96px}.search-filters h3{color:var(--text-primary);border-bottom:1.5px solid var(--border-light);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:12px;font-size:1.2rem;font-weight:800;display:flex}.filter-group{margin-bottom:24px}.filter-group h4{color:var(--text-secondary,#94a3b8);align-items:center;gap:6px;margin-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.filter-group h4 .material-icons-outlined{color:var(--brand-primary);font-size:18px}.filter-options{flex-direction:column;gap:8px;display:flex}.filter-option{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.filter-option input{accent-color:var(--brand-primary)}.filter-group select.input,.filter-group input.input{cursor:pointer;background:var(--bg-input)!important;border:1.5px solid var(--border-light)!important;color:var(--text-primary)!important;box-sizing:border-box!important;border-radius:12px!important;outline:none!important;width:100%!important;padding:12px 16px!important;font-size:.9rem!important;transition:all .25s!important}.filter-group select.input:focus,.filter-group input.input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--brand-primary-bg)!important;background:var(--bg-input)!important}.search-box input{background:var(--bg-input)!important;border:1.5px solid var(--border-light)!important;color:var(--text-primary)!important;box-sizing:border-box!important;border-radius:12px!important;width:100%!important;padding:12px 42px 12px 16px!important;font-size:.9rem!important;transition:all .25s!important}.search-box input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--brand-primary-bg)!important;background:var(--bg-input)!important}.search-box .material-icons-outlined{transition:all .25s;color:var(--brand-primary)!important}.search-box input:focus+.material-icons-outlined{transform:translateY(-50%)scale(1.1);color:var(--brand-primary-light)!important}.search-results-header{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 24px;display:flex}.search-results-header h2{color:var(--text-primary);font-size:1.4rem;font-weight:800}.school-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.school-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);height:100%;color:inherit;box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.school-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#ffffff03);border-radius:20px;padding:1px;transition:all .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.school-card:hover{box-shadow:var(--shadow-card-hover), var(--shadow-glow);border-color:var(--brand-primary);transform:translateY(-6px)}.school-card:hover:before{background:linear-gradient(135deg, rgba(var(--brand-primary-rgb), .35), #ffffff0a)}.school-card-img{justify-content:center;align-items:center;height:170px;transition:all .4s;display:flex;position:relative;overflow:hidden}.school-card-img img{width:100%;height:100%;transition:all .5s cubic-bezier(.16,1,.3,1);object-fit:cover!important}.school-card:hover .school-card-img img{transform:scale(1.06)}.school-card-img:after{content:"";pointer-events:none;background:linear-gradient(#0f172a00 45%,#0f172acc 100%);position:absolute;inset:0}.school-card-img .badge-label{z-index:10;pointer-events:none;gap:6px;display:flex;position:absolute;top:14px;right:14px}.badge-premium{-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:flex;box-shadow:0 4px 10px #0003}.badge-premium.verified{background:var(--accent-green)!important;color:#fff!important;border-color:#0000!important}.badge-premium.featured{background:var(--accent-amber)!important;color:#fff!important;border-color:#0000!important}.school-card-body{flex-direction:column;flex-grow:1;padding:18px 20px;display:flex}.school-card-body h3{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:3.2em;margin-bottom:10px;font-size:1.12rem;font-weight:800;line-height:1.45;transition:color .3s;display:-webkit-box;overflow:hidden}.school-card:hover .school-card-body h3{color:var(--brand-primary)}.school-card-location{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:.82rem;display:flex}.school-card-location .material-icons-outlined{font-size:16px;color:var(--brand-primary)!important}.school-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.school-tag{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.school-tag.curriculum{background:var(--brand-primary-bg);color:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb), .2)}.school-tag.type{color:var(--accent-green);background:#00c49214;border-color:#00c49226}.school-tag.location{color:var(--accent-blue);background:#0091ff14;border-color:#0091ff26}.school-card-meta{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.meta-visits{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;display:flex}.meta-visits .material-icons-outlined{color:var(--brand-primary);font-size:16px}.rating-pill{color:var(--accent-amber);background:#ff8a001a;border:1px solid #ff8a0033;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.stars{color:var(--accent-amber);letter-spacing:1px}.school-card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;transition:all .3s;display:flex}.school-card:hover .school-card-footer{background:var(--bg-tertiary)}.school-card-price,.school-card-price span{color:var(--text-secondary);font-size:.85rem;font-weight:500}.explore-btn{background:var(--gradient-accent);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), .15);border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .3s;display:flex;color:#fff!important}.school-card:hover .explore-btn{transform:scale(1.02);background:linear-gradient(135deg, var(--brand-primary-light) 0%, var(--brand-primary) 100%)!important;box-shadow:0 4px 15px rgba(var(--brand-primary-rgb), .35)!important}.explore-btn span.arrow-icon{font-size:16px;transition:transform .3s}.school-card:hover .explore-btn span.arrow-icon{transform:translate(-4px)}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;height:385px;position:relative;overflow:hidden}.skeleton-img{background:var(--bg-secondary);height:170px}.skeleton-body{padding:20px}.skeleton-text{background:var(--bg-secondary);border-radius:6px;margin-bottom:12px}.skeleton-text.title{width:80%;height:22px;margin-bottom:8px}.skeleton-text.title-sub{width:50%;height:18px;margin-bottom:16px}.skeleton-text.tag{width:30%;height:20px;margin-right:6px;display:inline-block}.skeleton-text.meta{width:60%;height:16px;margin-top:24px}.skeleton-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.skeleton-btn{background:var(--bg-secondary);border-radius:8px;width:100px;height:30px}.skeleton-price{background:var(--bg-secondary);border-radius:4px;width:60px;height:18px}.shimmer-pulse{position:relative;overflow:hidden}.shimmer-pulse:after{content:"";background:linear-gradient(90deg, #fff0 0%, var(--shimmer-wave) 50%, #fff0 100%);animation:1.6s infinite shimmer-anim;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer-anim{to{transform:translate(100%)}}.empty-state-container{text-align:center;background:var(--bg-card);border:1px dashed var(--border-light);-webkit-backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb), .08);box-shadow:0 0 20px rgba(var(--brand-primary-rgb), .1);border:1px solid rgba(var(--brand-primary-rgb), .15);border-radius:50%;margin-bottom:20px;padding:18px;font-size:52px;display:inline-flex}.empty-state-container h3{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:800}.empty-state-container p{color:var(--text-secondary);max-width:440px;margin-bottom:24px;font-size:.9rem;line-height:1.6}.btn-reset-filters{background:var(--gradient-accent);cursor:pointer;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb), .2);border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;color:#fff!important}.btn-reset-filters:hover{transform:scale(1.02);background:linear-gradient(135deg, var(--brand-primary-light) 0%, var(--brand-primary) 100%)!important;box-shadow:0 4px 15px rgba(var(--brand-primary-rgb), .4)!important}.profile-page{padding:0 0 80px}.profile-slideshow{background:#111;height:420px;position:relative;overflow:hidden}.slides-container{width:100%;height:100%;position:relative}.slide{opacity:0;transition:opacity .6s;position:absolute;inset:0}.slide.active{opacity:1;z-index:1}.slide-btn{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slide-btn:hover{background:#ffffff59}.slide-btn-prev{right:16px}.slide-btn-next{left:16px}.slide-indicators{z-index:5;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slide-indicators .dot{cursor:pointer;background:#fff6;border-radius:50%;width:10px;height:10px;transition:all .3s}.slide-indicators .dot.active{background:#fff;transform:scale(1.3)}.slide-counter{z-index:5;color:#fff;background:#00000080;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;position:absolute;top:16px;left:16px}.profile-header-bar{border-bottom:1px solid var(--border-light);background:var(--bg-card);padding:24px 0}.profile-header-bar .container{max-width:1280px;margin:0 auto;padding:0 24px}.profile-tabs-bar{z-index:20;background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:sticky;top:64px}.profile-tabs-bar .container{max-width:1280px;margin:0 auto;padding:0 24px}.profile-tabs-bar .tabs{gap:0;display:flex;overflow-x:auto}.profile-tabs-bar .tab{white-space:nowrap;padding:16px 24px;font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.profile-content{grid-template-columns:1fr 360px;gap:32px;max-width:1280px;margin:0 auto;padding:24px 24px 0;display:grid}.profile-main-col .card{margin-bottom:24px}.profile-sidebar-col .card{margin-bottom:20px}.play-btn-hover:hover{transform:scale(1.1);background:#ffffff4d!important}@media (width<=992px){.profile-content{grid-template-columns:1fr}.profile-slideshow{height:280px}}@media (width<=768px){.profile-slideshow{height:220px}}.compare-table-wrapper{margin-top:32px;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:900px}.compare-table th,.compare-table td{text-align:center;border-bottom:1px solid var(--border-light);padding:16px 20px;font-size:.9rem}.compare-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:700}.compare-table td:first-child{text-align:right;color:var(--text-tertiary);background:var(--bg-secondary);min-width:180px;font-weight:600}.compare-table .school-header-cell{background:var(--gradient-card);padding:20px}.compare-table .school-header-cell h4{font-size:1rem;font-weight:700}.compare-table .school-header-cell p{color:var(--text-tertiary);margin-top:4px;font-size:.8rem}.dashboard-page{padding:32px 0 80px}.dashboard-content{max-width:1280px;margin:0 auto;padding:0 24px}.dash-grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.dash-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.dash-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card-v2{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;align-items:flex-start;gap:16px;padding:22px;transition:all .3s;display:flex}.stat-card-v2:hover{box-shadow:var(--shadow-md)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon .material-icons-outlined{color:#fff;font-size:24px}.stat-icon.purple,.stat-icon.cyan{background:linear-gradient(135deg,#00d2ff,#06f)}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-info .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1}.stat-info .stat-label{color:var(--text-tertiary);margin-top:4px;font-size:.8rem}.stat-info .stat-change{margin-top:4px;font-size:.75rem;font-weight:600}.stat-info .stat-change.up{color:var(--accent-green)}.stat-info .stat-change.down{color:var(--accent-red)}.children-list{flex-direction:column;gap:12px;display:flex}.child-card{background:var(--bg-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:14px;transition:background .2s;display:flex}.child-card:hover{background:var(--brand-primary-bg)}.child-info h4{font-size:.95rem;font-weight:600}.child-info p{color:var(--text-tertiary);margin-top:2px;font-size:.8rem}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--brand-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.activity-text{color:var(--text-secondary);font-size:.875rem}.activity-text strong{color:var(--text-primary)}.activity-time{color:var(--text-tertiary);margin-top:2px;font-size:.75rem}.bus-page{padding:32px 0 80px}.bus-map{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:16px;justify-content:center;align-items:center;height:450px;display:flex;position:relative;overflow:hidden}.bus-map-placeholder{text-align:center;color:var(--text-tertiary)}.bus-map-placeholder .material-icons-outlined{margin-bottom:12px;font-size:64px}.community-page{padding:32px 0 80px}.community-hero{text-align:center;padding:40px 0}.community-tabs{justify-content:center;margin-bottom:32px;display:flex}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.calendar-page{padding:32px 0 80px}.calendar-grid{border:1px solid var(--border-light);border-radius:12px;grid-template-columns:7fr;gap:0;margin-top:24px;display:grid;overflow:hidden}.calendar-day-header{background:var(--bg-tertiary);text-align:center;color:var(--text-secondary);border-bottom:1px solid var(--border-light);padding:10px;font-size:.85rem;font-weight:600}.events-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.event-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:16px;padding:18px;transition:all .2s;display:flex}.event-card:hover{box-shadow:var(--shadow-md)}.event-date-box{background:var(--brand-primary-bg);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.event-date-box .day{color:var(--brand-primary);font-size:1.3rem;font-weight:800;line-height:1}.event-date-box .month{color:var(--brand-primary);font-size:.7rem;font-weight:600}.event-info h4{font-size:.95rem;font-weight:600}.event-info p{color:var(--text-tertiary);margin-top:2px;font-size:.8rem}.support-page{padding:32px 0 80px}.faq-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.faq-question{cursor:pointer;text-align:right;width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:var(--bg-secondary)}.faq-answer{color:var(--text-secondary);padding:0 20px 16px;font-size:.9rem;line-height:1.7;display:none}.faq-item.open .faq-answer{display:block}.ticket-form{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.ticket-form .full-width{grid-column:1/-1}@media (width<=1024px){.hero h1{font-size:2.4rem}.compare-slots,.leaderboard-grid,.knowledge-grid{grid-template-columns:repeat(2,1fr)}.search-page-inner{grid-template-columns:1fr}.search-filters{position:static}.profile-content{grid-template-columns:1fr}.dash-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero{padding:60px 0 50px}.hero h1{font-size:1.8rem}.hero-stats-row{flex-wrap:wrap;gap:24px}.hero-stat .value{font-size:1.5rem}.compare-slots,.leaderboard-grid,.knowledge-grid{grid-template-columns:1fr}.cta-banner{padding:40px 24px}.cta-banner h2{font-size:1.5rem}.school-cards-grid,.dash-grid-2,.dash-grid-3,.dash-grid-4,.ticket-form{grid-template-columns:1fr}}.ai-page{height:calc(100vh - 64px);padding:0;overflow:hidden}.ai-page-layout{grid-template-columns:300px 1fr;height:100%;display:grid}.ai-sidebar{background:var(--bg-card);border-left:1px solid var(--border-light);flex-direction:column;padding:24px 16px;display:flex;overflow-y:auto}.ai-sidebar-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.ai-logo-badge{background:var(--gradient-hero);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ai-sidebar-section h4{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8rem;font-weight:700}.ai-suggestion-list{flex-direction:column;gap:6px;display:flex}.ai-suggestion{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;text-align:right;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.ai-suggestion:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-bg)}.ai-suggestion .material-icons-outlined{color:var(--brand-primary);flex-shrink:0;font-size:20px}.ai-info-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;gap:10px;padding:14px;display:flex}.ai-chat-area{flex-direction:column;height:100%;min-height:0;display:flex}.ai-chat-header{border-bottom:1px solid var(--border-light);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ai-avatar{background:var(--gradient-hero);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.online-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.ai-chat-area .chat-messages{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto}.ai-chat-area .chat-msg{background:0 0;gap:10px;max-width:85%;padding:0;display:flex}.ai-chat-area .chat-msg.bot{align-self:flex-start}.ai-chat-area .chat-msg.user{flex-direction:row-reverse;align-self:flex-end}.bot-avatar{background:var(--bg-tertiary);width:36px;height:36px;color:var(--brand-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.msg-content{flex-direction:column;gap:4px;min-width:0;display:flex}.msg-bubble{border-radius:16px;padding:14px 18px;font-size:.95rem;line-height:1.7}.ai-chat-area .chat-msg.bot .msg-bubble{background:var(--bg-tertiary);color:var(--text-primary);border-top-right-radius:4px}.ai-chat-area .chat-msg.user .msg-bubble{background:var(--brand-primary);color:var(--text-inverse);border-top-left-radius:4px}.msg-time{color:var(--text-tertiary);padding:0 4px;font-size:.72rem}.ai-chat-area .chat-msg.user .msg-time{text-align:left}.ai-capabilities{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.capability{background:var(--bg-secondary);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;font-weight:600;display:flex}.capability .material-icons-outlined{color:var(--brand-primary);font-size:18px}.ai-school-cards{flex-direction:column;gap:8px;margin-top:10px;display:flex}.ai-school-card{background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.ai-school-card:hover{border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 4px 16px #6350e626}.ai-school-rank{background:var(--gradient-hero);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:900;display:flex}.ai-school-info{flex:1;min-width:0}.ai-school-info h4{margin-bottom:4px;font-size:.9rem;font-weight:700}.ai-school-tags{gap:6px;display:flex}.micro-badge{color:var(--brand-primary);background:#6350e61f;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.micro-badge.green{color:#10b981;background:#10b9811f}.ai-school-stats{text-align:center;flex-shrink:0}.stat-item{margin-bottom:2px;font-size:.9rem;font-weight:700}.stat-price{color:var(--text-tertiary);font-size:.78rem;font-weight:600}.typing-indicator{align-items:center;gap:5px;display:flex;padding:14px 20px!important}.typing-indicator .dot{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-chat-input-area{border-top:1px solid var(--border-light);background:var(--bg-card);flex-shrink:0;padding:16px 24px 12px}.ai-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;align-items:center;gap:10px;padding:6px 6px 6px 16px;transition:border-color .2s;display:flex}.ai-input-wrapper:focus-within{border-color:var(--brand-primary)}.ai-input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:.95rem}.ai-input-wrapper input::placeholder{color:var(--text-tertiary)}.ai-send-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.ai-send-btn:hover{background:var(--brand-primary-hover);transform:scale(1.05)}.ai-disclaimer{text-align:center;color:var(--text-tertiary);opacity:.7;margin-top:8px;font-size:.72rem}.btn-ghost{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-ghost:hover{border-color:var(--brand-primary);color:var(--brand-primary)}@media (width<=1024px){.ai-page-layout{grid-template-columns:1fr}.ai-sidebar{display:none}}@media (width<=768px){.ai-capabilities{grid-template-columns:1fr}.ai-chat-area .chat-msg{max-width:95%}}.compare-page{padding:40px 0 80px}.cmp-grid{grid-template-columns:var(--cmp-label-w,240px) repeat(var(--cmp-count,4), 1fr);gap:16px;margin-bottom:0;display:grid}.cmp-label-header{border-radius:16px}.cmp-school-header{text-align:center;color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:24px 20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.cmp-school-header:before{content:"";z-index:1;background:linear-gradient(#0003 0%,#000c 100%);position:absolute;inset:0}.cmp-school-header>*{z-index:2;position:relative}.cmp-school-header:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.cmp-school-icon{background:#ffffff26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cmp-school-header h3{font-size:.9rem;font-weight:800;line-height:1.4}.cmp-curriculum-badge{background:#fff3;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.cmp-school-rating{font-size:.95rem;font-weight:700}.cmp-table{margin-top:12px}.cmp-section-title{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);padding:14px 20px;font-size:.9rem;font-weight:800}.cmp-row{grid-template-columns:var(--cmp-label-w,240px) repeat(var(--cmp-count,4), 1fr);border-bottom:1px solid var(--border-light);transition:background .15s;display:grid}.cmp-row:hover{background:var(--bg-secondary)}.cmp-label{color:var(--text-secondary);border-left:1px solid var(--border-light);align-items:center;gap:8px;padding:16px 20px;font-size:.85rem;font-weight:700;display:flex}.cmp-label .material-icons-outlined{color:var(--brand-primary);font-size:18px}.cmp-cell{text-align:center;justify-content:center;align-items:center;gap:6px;padding:16px 14px;font-size:.9rem;font-weight:600;display:flex;position:relative}.cmp-cell.winner{background:#10b9810f}.winner-badge{color:var(--brand-primary);background:#6350e61f;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:800}.winner-badge.green{color:#10b981;background:#10b9811f}.cmp-rating{align-items:center;gap:8px;width:100%;max-width:140px;display:flex}.cmp-rating-value{white-space:nowrap;font-size:.95rem;font-weight:800}.cmp-rating-bar{background:var(--bg-tertiary);border-radius:3px;flex:1;height:6px;overflow:hidden}.cmp-rating-fill{background:var(--brand-primary);border-radius:3px;height:100%;transition:width .6s}.cmp-price{color:var(--brand-primary);font-size:.95rem;font-weight:800}.cmp-bool{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700}.cmp-bool.yes{color:#10b981;background:#10b9811f}.cmp-bool.no{color:#ef4444;background:#ef44441a}.cmp-ai-banner{background:var(--gradient-hero);color:#fff;border-radius:20px;align-items:center;gap:20px;margin-top:40px;padding:28px 32px;display:flex}.cmp-ai-icon{background:#ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cmp-ai-text{flex:1}.cmp-ai-text h3{margin-bottom:4px;font-size:1.15rem;font-weight:800}.cmp-ai-text p{opacity:.85;font-size:.9rem;line-height:1.5}.cmp-ai-banner .btn{font-weight:700;color:var(--brand-primary)!important;background:#fff!important}@media (width<=1024px){.cmp-grid,.cmp-row{--cmp-label-w:140px}.cmp-school-header h3{font-size:.8rem}}@media (width<=768px){.cmp-grid{grid-template-columns:repeat(2,1fr)}.cmp-label-header{display:none}.cmp-row{grid-template-columns:1fr}.cmp-label{background:var(--bg-secondary);border-left:none}.cmp-ai-banner{text-align:center;flex-direction:column}}.comm-page{padding:40px 0 0}.comm-container{width:100%;max-width:1600px;margin:0 auto;padding:0 40px}.comm-hero{text-align:center;padding:20px 0 32px}.comm-hero-icon{background:var(--gradient-hero);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.comm-hero h1{margin-bottom:8px;font-size:2rem;font-weight:900}.comm-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 24px;font-size:.95rem;line-height:1.6}.comm-search-bar{background:var(--bg-card);border:1px solid var(--border-light);max-width:600px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:10px;margin:0 auto;padding:12px 20px;transition:border-color .2s;display:flex}.comm-search-bar:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f126}.comm-search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.05rem}.comm-search-bar input::placeholder{color:var(--text-tertiary)}.comm-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.comm-tab{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.comm-tab .material-icons-outlined{font-size:18px}.comm-tab:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.comm-tab.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.comm-stats-bar{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:.82rem;font-weight:600;display:flex}.comm-featured{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;grid-template-columns:1fr 1fr;margin-bottom:32px;transition:all .3s;display:grid;overflow:hidden}.comm-featured:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.comm-featured-thumb{justify-content:center;align-items:center;min-height:380px;display:flex;position:relative}.comm-feat-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#0006;border:1px solid #ffffff26;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:700;position:absolute;top:16px;right:16px}.comm-feat-overlay{z-index:1;background:linear-gradient(90deg,#0f172af2 0%,#0f172a33 100%);position:absolute;inset:0}.comm-featured-body{flex-direction:column;justify-content:center;padding:32px;display:flex}.comm-featured-body h2{margin-bottom:12px;font-size:1.35rem;font-weight:800;line-height:1.6}.comm-featured-body p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem;line-height:1.7}.comm-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.comm-cat-badge{background:var(--brand-primary-bg);color:var(--brand-primary);border-radius:8px;padding:4px 12px;font-size:.75rem;font-weight:700}.comm-time{color:var(--text-tertiary);align-items:center;gap:4px;font-size:.78rem;display:flex}.comm-featured-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.comm-author{align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.comm-author-avatar{background:var(--brand-primary-bg);width:32px;height:32px;color:var(--brand-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.comm-author-avatar.sm{border-radius:6px;width:24px;height:24px}.comm-stats{color:var(--text-tertiary);gap:14px;font-size:.82rem;display:flex}.comm-stats span{cursor:pointer;align-items:center;gap:4px;transition:color .2s;display:flex}.comm-stats span:hover{color:var(--brand-primary)}.comm-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.comm-card{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;transition:all .4s cubic-bezier(.2,0,0,1);overflow:hidden}.comm-card:hover{border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 20px 40px #0006}.comm-card-thumb{background-position:50%;background-size:cover;height:240px;position:relative;overflow:hidden}.comm-card-overlay{background:linear-gradient(#0f172a1a,#0f172a);position:absolute;inset:0}.comm-card-icon-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px}.comm-card-icon-wrap .material-icons-outlined{color:#fff;font-size:20px}.comm-card-body{padding:18px}.comm-card-body h4{margin-bottom:8px;font-size:.95rem;font-weight:700;line-height:1.6}.comm-card-body p{color:var(--text-tertiary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}.comm-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.comm-author-sm{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.comm-read-info{color:var(--text-tertiary);gap:10px;font-size:.72rem;display:flex}.comm-read-info span{align-items:center;gap:3px;display:flex}.comm-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.comm-empty h3{font-weight:700}.comm-empty p{color:var(--text-tertiary)}.comm-load-more{text-align:center;margin-top:32px}.comm-newsletter{background:var(--gradient-hero);color:#fff;border-radius:20px;align-items:center;gap:20px;margin-top:48px;padding:28px 32px;display:flex}.comm-newsletter-icon{background:#ffffff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.comm-newsletter-text{flex:1}.comm-newsletter-text h3{margin-bottom:4px;font-size:1.1rem;font-weight:800}.comm-newsletter-text p{opacity:.8;font-size:.85rem}.comm-newsletter-form{flex-shrink:0;gap:8px;display:flex}.comm-newsletter-form input{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;width:220px;padding:10px 16px;font-family:inherit;font-size:.85rem}.comm-newsletter-form input::placeholder{color:#ffffff80}.comm-newsletter-form .btn{font-weight:700;color:var(--brand-primary)!important;background:#fff!important}.article-page{padding:40px 0}.article-container{width:100%;max-width:1600px;margin:0 auto;padding:0 40px}.article-layout{grid-template-columns:1fr 340px;gap:40px;display:grid}.article-main{min-width:0}.article-sidebar{flex-direction:column;gap:24px;height:max-content;display:flex;position:sticky;top:120px}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:24px}.article-header{margin-bottom:24px}.article-header h1{margin:16px 0;font-size:2.4rem;font-weight:900;line-height:1.4}.meta-stats{color:var(--text-secondary);gap:16px;margin-bottom:24px;font-size:.9rem;font-weight:600;display:flex}.author-block{align-items:center;gap:16px;display:flex}.author-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.author-info{flex-direction:column;display:flex}.author-name{align-items:center;gap:4px;font-size:1.05rem;font-weight:800;display:flex}.verified-icon{color:var(--brand-primary);font-size:18px!important}.author-role{color:var(--text-tertiary);font-size:.85rem}.meta-stats{color:var(--text-secondary);gap:16px;font-size:.85rem;font-weight:600;display:flex}.meta-stats span{align-items:center;gap:6px;display:flex}.reviewer-badge{color:#059669;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;align-items:center;gap:8px;margin-bottom:32px;padding:12px 16px;font-size:.85rem;display:flex}.reviewer-badge .icon{font-size:20px}.article-hero-image{width:100%;height:400px;box-shadow:var(--shadow-md);background-position:50%;background-size:cover;border-radius:24px;margin-bottom:40px}.quick-summary-box{background:var(--gradient-hero);color:#fff;box-shadow:var(--shadow-lg);border-radius:20px;margin-bottom:40px;padding:32px}.qs-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.qs-header h3{margin:0;font-size:1.3rem;font-weight:800}.qs-header .material-icons-outlined{color:var(--accent-yellow);font-size:28px}.quick-summary-box ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.quick-summary-box ul li{padding-right:24px;font-size:1.05rem;line-height:1.6;position:relative}.quick-summary-box ul li:before{content:"•";color:var(--accent-yellow);font-size:1.5rem;line-height:1;position:absolute;top:0;right:0}.article-content{color:var(--text-secondary);margin-bottom:48px;font-size:1.1rem;line-height:1.8}.article-content h2,.article-content h3{color:var(--text-primary);margin:32px 0 16px;font-weight:800}.article-content h2{font-size:1.8rem}.article-content h3{font-size:1.4rem}.article-content p{margin-bottom:20px}.article-content blockquote{border-right:4px solid var(--brand-primary);background:var(--bg-card);color:var(--brand-primary);border-radius:12px 0 0 12px;margin:32px 0;padding:24px 32px;font-size:1.2rem;font-style:italic;font-weight:700}.article-faqs{margin-bottom:48px}.article-faqs h3{margin-bottom:24px;font-size:1.6rem;font-weight:800}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;margin-bottom:16px;padding:24px}.faq-item h4{color:var(--brand-primary);margin-bottom:12px;font-size:1.15rem;font-weight:800}.faq-item p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.article-sources{background:var(--bg-secondary);border-radius:16px;margin-bottom:48px;padding:32px}.article-sources h3{align-items:center;gap:8px;margin-bottom:16px;font-size:1.2rem;font-weight:800;display:flex}.article-sources ul{flex-direction:column;gap:10px;padding-right:20px;list-style:decimal;display:flex}.article-sources ul li a{color:var(--text-secondary);font-size:.95rem;text-decoration:underline;transition:color .2s}.article-sources ul li a:hover{color:var(--brand-primary)}.article-share h3{align-items:center;gap:8px;margin-bottom:8px;font-size:1.2rem;font-weight:800;display:flex}.article-share p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.5}.share-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,opacity .2s;display:flex}.share-btn:hover{opacity:.9;transform:translateY(-3px)}.share-btn.fb{background-color:#1877f2}.share-btn.wa{background-color:#25d366}.share-btn.x{background-color:#000}.share-btn.in{background-color:#0a66c2}.share-btn.copy{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.article-related h3{margin-bottom:20px;font-size:1.2rem;font-weight:800}.related-list{flex-direction:column;gap:16px;display:flex}.related-card{background:var(--bg-primary);color:inherit;border-radius:12px;align-items:center;gap:12px;padding:8px;text-decoration:none;transition:all .2s;display:flex}.related-card:hover{background:var(--bg-card);transform:translate(-4px)}.related-thumb{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:80px;height:60px}.related-body h4{margin:0;font-size:.9rem;font-weight:700;line-height:1.4}@media (width<=1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.comm-grid{grid-template-columns:repeat(2,1fr)}.comm-featured{grid-template-columns:1fr}.comm-featured-thumb{min-height:200px}}@media (width<=768px){.comm-grid{grid-template-columns:1fr}.comm-tabs{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.comm-newsletter{text-align:center;flex-direction:column}.comm-newsletter-form{flex-direction:column;width:100%}.comm-newsletter-form input{width:100%}}.comp-page{padding:20px 0 0}.battle-register-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);max-width:520px;box-shadow:var(--shadow-lg);border-radius:24px;margin:0 auto;padding:48px 36px}.battle-register-card>p{color:var(--text-secondary);margin-bottom:28px}.battle-form{text-align:right;flex-direction:column;gap:16px;display:flex}.battle-input-group input:focus,.battle-input-group select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-bg);outline:none}.battle-rules-box{background:var(--bg-secondary);text-align:right;border-radius:14px;padding:16px 20px}.battle-rules-box h4{color:var(--brand-primary);align-items:center;gap:6px;margin-bottom:12px;font-size:.9rem;font-weight:700;display:flex}.battle-rules-box h4 .material-icons-outlined{font-size:20px}.rule-item{color:var(--text-secondary);align-items:center;gap:8px;padding:6px 0;font-size:.85rem;font-weight:500;display:flex}.rule-item .material-icons-outlined{color:var(--accent-green);font-size:18px}.battle-start-btn{justify-content:center;width:100%;padding:16px!important;font-size:1.05rem!important}.battle-error{color:#ef4444;text-align:center;background:#ef444414;border-radius:10px;padding:8px;font-size:.85rem;font-weight:600}.battle-player-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.bpi-details{text-align:right}.bpi-details strong{margin-bottom:2px;font-size:1rem;display:block}.matchmaking-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);max-width:600px;box-shadow:var(--shadow-lg);border-radius:24px;margin:40px auto;padding:48px 32px}.opp-av{background:var(--bg-tertiary);border:2px dashed var(--border-medium);color:var(--text-tertiary)}.match-name{margin-bottom:4px;font-size:.95rem;font-weight:700}.match-school{color:var(--text-tertiary);font-size:.8rem}.match-vs-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.9rem;font-weight:900;display:flex;box-shadow:0 4px 20px #ef44444d}@keyframes spin{to{transform:rotate(360deg)}}.matchmaking-timer{margin-bottom:24px}.timer-progress{fill:none;stroke:var(--brand-primary);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.match-timer-text{color:var(--brand-primary);justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex;position:absolute;inset:0}.matchmaking-timer p{color:var(--text-secondary);font-size:.9rem}.matchmaking-dots{justify-content:center;gap:6px;display:flex}.opponent-found-card{text-align:center;background:var(--bg-card);border:2px solid var(--brand-primary);max-width:550px;box-shadow:var(--shadow-glow);border-radius:24px;margin:40px auto;padding:48px 32px;animation:.4s scaleIn}.found-flash{font-size:3rem;animation:.8s infinite pulse}.opponent-found-card h2{margin:12px 0 24px;font-size:1.5rem;font-weight:900}.found-player strong{margin-bottom:2px;font-size:.95rem;display:block}.found-vs-text{color:#ef4444;font-size:1.5rem;font-weight:900}.found-countdown{color:var(--text-secondary);font-size:1.1rem}.found-countdown strong{color:var(--brand-primary);margin-top:8px;font-size:2.5rem;animation:1s infinite pulse;display:block}.battle-arena{background:var(--bg-card);border:1px solid var(--border-light);max-width:700px;box-shadow:var(--shadow-lg);border-radius:24px;margin:20px auto;overflow:hidden}.battle-top-bar{background:var(--gradient-hero);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.battle-player-score{align-items:center;gap:10px;display:flex}.bps-avatar{color:#fff;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:900;display:flex}.bps-name{opacity:.85;font-size:.8rem;font-weight:600}.bps-score{font-size:1rem;font-weight:900}.battle-center-info{text-align:center;flex-shrink:0;min-width:120px}.battle-q-num{opacity:.8;margin-bottom:6px;font-size:.78rem;font-weight:600}.battle-timer-bar{background:#fff3;border-radius:3px;width:120px;height:6px;margin:0 auto 4px;overflow:hidden}.battle-question-card{padding:32px 28px}.battle-q-text{text-align:center;min-height:60px;margin-bottom:24px;font-size:1.2rem;font-weight:700;line-height:1.7}.battle-opt{border:2px solid var(--border-light);background:var(--bg-card);cursor:pointer;text-align:center;border-radius:14px;padding:16px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.battle-opt:hover{border-color:var(--brand-primary);background:var(--brand-primary-bg)}.battle-progress-dots{justify-content:center;gap:8px;padding:16px;display:flex}.bdot{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:50%;width:12px;height:12px;transition:all .3s}.bdot.correct{background:#10b981;border-color:#10b981}.bdot.wrong{background:#ef4444;border-color:#ef4444}.bdot.timeout{background:var(--text-tertiary);border-color:var(--text-tertiary)}.celebration-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);max-width:600px;box-shadow:var(--shadow-lg);border-radius:24px;margin:20px auto;padding:48px 32px;position:relative;overflow:hidden}.celebration-card.winner{border-color:#f59e0b;box-shadow:0 0 60px #f59e0b33}#confettiCanvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.trophy-bounce{font-size:4rem;animation:1s trophyBounce}@keyframes trophyBounce{0%{opacity:0;transform:scale(0)rotate(-30deg)}50%{transform:scale(1.3)rotate(10deg)}70%{transform:scale(.9)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.celebration-card h1{margin:16px 0 8px;font-size:1.8rem;font-weight:900}.celebration-card p{color:var(--text-secondary);margin-bottom:24px}.celeb-scoreboard{justify-content:center;align-items:center;gap:24px;margin-bottom:24px;display:flex}.celeb-vs{color:#ef4444;flex-shrink:0;font-size:1.2rem;font-weight:900}.celeb-stats{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.celeb-stat{background:var(--bg-secondary);border-radius:10px;justify-content:space-between;padding:12px 16px;font-size:.85rem;display:flex}.celeb-stat.trophy-stat{background:#f59e0b1a}.celeb-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lb-section>h2{text-align:center;margin-bottom:24px;font-size:1.5rem;font-weight:900}@media (width<=768px){.matchmaking-vs{flex-direction:column;gap:16px}.match-vs-badge{margin:-8px 0}.found-vs{flex-direction:column;gap:12px}.battle-top-bar{flex-wrap:wrap;gap:8px}.battle-options{grid-template-columns:1fr}.celeb-scoreboard{flex-direction:column;gap:12px}.battle-register-card{margin:0 8px;padding:32px 20px}}.comp-tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin:24px 0;display:flex}.comp-tab{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.comp-tab .material-icons-outlined{font-size:18px}.comp-tab:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.comp-tab.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.comp-quiz-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;max-width:560px;margin:0 auto;padding:48px 32px}.comp-quiz-card h2{margin:16px 0 8px;font-size:1.3rem;font-weight:800}.comp-quiz-card p{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.comp-quiz-rules{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.comp-quiz-rules .rule{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.comp-quiz-rules .rule .material-icons-outlined{color:var(--brand-primary);font-size:20px}.comp-quiz-game{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;max-width:600px;margin:0 auto;padding:32px}.comp-quiz-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.comp-quiz-progress{background:var(--brand-primary-bg);color:var(--brand-primary);border-radius:10px;padding:6px 14px;font-size:.9rem;font-weight:800}.comp-quiz-timer{color:#ef4444;align-items:center;gap:4px;font-size:1.1rem;font-weight:800;display:flex}.comp-quiz-score{font-size:.9rem;font-weight:600}.comp-quiz-question{text-align:center;min-height:60px;margin-bottom:24px;font-size:1.15rem;font-weight:700;line-height:1.7}.comp-quiz-options{flex-direction:column;gap:10px;display:flex}.comp-quiz-opt{border:2px solid var(--border-light);background:var(--bg-card);cursor:pointer;text-align:right;border-radius:12px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.comp-quiz-opt:hover{border-color:var(--brand-primary);background:var(--brand-primary-bg)}.comp-quiz-opt.correct{color:#10b981;background:#10b9811a;border-color:#10b981}.comp-quiz-opt.wrong{color:#ef4444;background:#ef44441a;border-color:#ef4444}.comp-result-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;max-width:500px;margin:0 auto;padding:48px 32px}.comp-result-card h2{margin:16px 0 8px;font-size:1.4rem;font-weight:800}.comp-result-card p{color:var(--text-secondary);margin-bottom:20px}.comp-result-stats{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.result-stat{background:var(--bg-secondary);border-radius:10px;justify-content:space-between;padding:12px 16px;font-size:.85rem;display:flex}.result-stat.trophy{background:#f59e0b1a}.result-stat.trophy strong{color:#f59e0b}.comp-leagues-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.comp-league-card{background:var(--bg-card);border:1px solid var(--border-light);text-align:center;border-radius:16px;padding:24px;transition:all .3s}.comp-league-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.comp-league-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;display:flex}.comp-league-card h3{margin-bottom:8px;font-size:1rem;font-weight:800}.comp-league-meta{color:var(--text-tertiary);justify-content:center;gap:12px;margin-bottom:12px;font-size:.78rem;display:flex}.comp-league-meta span{align-items:center;gap:4px;display:flex}.comp-league-status{border-radius:20px;padding:4px 14px;font-size:.72rem;font-weight:700}.comp-league-status.live{color:#10b981;background:#10b9811f}.comp-league-status.open{color:#3b82f6;background:#3b82f61f}.comp-league-status.soon{color:#f59e0b;background:#f59e0b1f}.comp-podium{justify-content:center;align-items:flex-end;gap:16px;min-height:280px;margin:32px 0;display:flex}.comp-podium-item{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;width:180px;padding:20px 16px;transition:all .3s;position:relative}.comp-podium-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.comp-podium-item.first{order:2;padding-top:32px}.comp-podium-item.third{order:3}.comp-podium-pts{color:var(--brand-primary);font-size:.85rem}.comp-lb-header{margin-bottom:20px}.comp-lb-header h2{font-size:1.15rem;font-weight:800}.comp-lb-table{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex;overflow:hidden}.comp-lb-row{border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.comp-lb-row:hover{background:var(--bg-secondary)}.comp-lb-rank{color:#fff;background:var(--brand-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.comp-lb-avatar{background:var(--brand-primary-bg);width:36px;height:36px;color:var(--brand-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.comp-lb-info{flex:1;min-width:0}.comp-lb-info strong{font-size:.9rem;display:block}.comp-lb-stats{color:var(--text-secondary);font-size:.78rem}.comp-lb-pts{color:var(--brand-primary);white-space:nowrap;font-size:.9rem}@media (width<=768px){.comp-podium{flex-direction:column;align-items:center}.comp-podium-item{width:100%;max-width:280px;order:unset!important}.comp-leagues-grid{grid-template-columns:1fr}.comp-hero-stats{flex-direction:column;gap:12px}}.spa-page{padding:40px 0 0}.spa-hero{text-align:center;padding:20px 0 24px}.spa-hero-badge{background:var(--gradient-hero);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.spa-hero h1{margin-bottom:8px;font-size:2rem;font-weight:900}.spa-hero p{color:var(--text-secondary);max-width:560px;margin:0 auto 20px;font-size:.95rem}.spa-search-bar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;align-items:center;gap:10px;max-width:480px;margin:0 auto;padding:10px 18px;transition:border-color .2s;display:flex}.spa-search-bar:focus-within{border-color:var(--brand-primary)}.spa-search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.spa-search-bar input::placeholder{color:var(--text-tertiary)}.spa-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.spa-filter{border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.spa-filter .material-icons-outlined{font-size:18px}.spa-filter:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.spa-filter.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.spa-stats-bar{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:.82rem;font-weight:600;display:flex}.spa-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.spa-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;transition:all .3s;overflow:hidden}.spa-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.spa-card-header{justify-content:center;align-items:center;height:140px;display:flex;position:relative}.spa-card-rating{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:700;position:absolute;top:12px;left:12px}.spa-card-body{padding:18px}.spa-card-body h3{margin-bottom:12px;font-size:1rem;font-weight:800}.spa-card-meta{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.spa-card-meta span{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.spa-card-coach{color:var(--text-primary);background:var(--bg-secondary);border-radius:10px;align-items:center;gap:6px;margin-bottom:12px;padding:10px 12px;font-size:.8rem;font-weight:600;display:flex}.spa-card-features{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.spa-feat-tag{background:var(--brand-primary-bg);color:var(--brand-primary);border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:600}.spa-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.spa-price-label{color:var(--text-tertiary);font-size:.72rem;display:block}.spa-price strong{color:var(--brand-primary);font-size:1.1rem;font-weight:800}.spa-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.spa-empty h3{font-weight:700}.spa-empty p{color:var(--text-tertiary)}.spa-cta{background:var(--gradient-hero);color:#fff;border-radius:20px;align-items:center;gap:20px;margin-top:48px;padding:28px 32px;display:flex}.spa-cta-icon{background:#ffffff26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.spa-cta-text{flex:1}.spa-cta-text h3{margin-bottom:4px;font-size:1.1rem;font-weight:800}.spa-cta-text p{opacity:.8;font-size:.85rem}.spa-cta .btn{font-weight:700;color:var(--brand-primary)!important;background:#fff!important}@media (width<=1024px){.spa-grid{grid-template-columns:1fr}}@media (width<=768px){.spa-filters{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.spa-cta{text-align:center;flex-direction:column}}.comp-page{background:var(--bg-primary);min-height:100vh;padding:100px 0 60px}.battle-screen{animation:.4s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.battle-register-card{background:var(--bg-card);border:1px solid var(--border-light);max-width:520px;box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;margin:0 auto;padding:40px 36px}.battle-register-icon{background:var(--gradient-hero);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.battle-register-card h1{margin-bottom:8px;font-size:1.8rem;font-weight:900}.battle-register-card>p{color:var(--text-secondary);margin-bottom:28px;font-size:.95rem}.battle-form{text-align:right}.battle-input-group{margin-bottom:16px}.battle-input-group label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:600;display:flex}.battle-input-group label .material-icons-outlined{color:var(--brand-primary);font-size:18px}.battle-input-group input,.battle-input-group select{border:1px solid var(--border-medium);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.battle-input-group input:focus,.battle-input-group select:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #7c6ff726}.battle-start-btn{justify-content:center;gap:8px;width:100%;margin-top:12px;padding:14px!important;font-size:1rem!important;font-weight:700!important}.battle-error{color:#ef4444;background:#ef44441a;border-radius:10px;margin-top:12px;padding:10px;font-size:.85rem;font-weight:600}.battle-player-info{background:var(--bg-secondary);text-align:right;border-radius:14px;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.bpi-avatar{background:var(--gradient-hero);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:800;display:flex}.bpi-details{flex-direction:column;flex:1;gap:2px;display:flex}.bpi-details strong{font-size:1rem}.bpi-details span{color:var(--text-tertiary);font-size:.8rem}.opp-tabs{background:var(--bg-secondary);border-radius:14px;gap:6px;margin-bottom:20px;padding:5px;display:flex}.opp-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 6px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.opp-tab .material-icons-outlined{font-size:18px}.opp-tab:hover{background:var(--bg-card);color:var(--text-primary)}.opp-tab.active{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px #7c6ff759}.opp-method{animation:.3s fadeInUp}.opp-method-desc{background:var(--bg-secondary);text-align:center;border-radius:14px;margin-bottom:16px;padding:20px}.opp-method-desc h4{margin:8px 0 4px;font-size:1rem;font-weight:700}.opp-method-desc p{color:var(--text-tertiary);font-size:.82rem}.opp-search-box{border:1px solid var(--border-medium);background:var(--bg-secondary);border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;transition:all .2s;display:flex}.opp-search-box:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #7c6ff726}.opp-search-box .material-icons-outlined{color:var(--text-tertiary);font-size:20px}.opp-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.opp-search-results{max-height:260px;margin-bottom:12px;overflow-y:auto}.opp-result-card{border:1px solid var(--border-light);cursor:pointer;background:var(--bg-card);border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;transition:all .2s;display:flex}.opp-result-card:hover{border-color:var(--brand-primary);background:var(--bg-secondary)}.opp-result-card.selected{border-color:var(--brand-primary);background:#7c6ff714}.opp-result-av{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.opp-result-info{text-align:right;flex-direction:column;flex:1;display:flex}.opp-result-info strong{font-size:.9rem}.opp-result-info span{color:var(--text-tertiary);font-size:.75rem}.opp-result-check{color:var(--text-tertiary);transition:color .2s;font-size:22px!important}.opp-result-card.selected .opp-result-check{color:var(--brand-primary)}.opp-no-result{color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;padding:24px;font-size:.88rem;display:flex}.bt-devices{flex-direction:column;gap:8px;margin-top:12px;margin-bottom:12px;animation:.3s fadeInUp;display:flex}.bt-device-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.bt-device-card:hover{border-color:var(--brand-primary)}.bt-signal{background:var(--gradient-accent);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bt-signal .material-icons-outlined{font-size:20px}.bt-info{text-align:right;flex-direction:column;flex:1;display:flex}.bt-info strong{font-size:.9rem}.bt-info span{color:var(--text-tertiary);font-size:.75rem}.bt-challenge-btn{flex-shrink:0}.matchmaking-card{background:var(--bg-card);border:1px solid var(--border-light);max-width:520px;box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;margin:0 auto;padding:48px 36px}.matchmaking-vs{justify-content:center;align-items:center;gap:24px;margin-bottom:32px;display:flex}.match-player{text-align:center;flex:1}.match-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 10px;font-size:1.5rem;font-weight:800;display:flex}.you-av{background:var(--gradient-hero)}.opp-av{background:linear-gradient(135deg,#64748b,#475569);position:relative;overflow:hidden}.match-searching-spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}.match-name{font-size:.95rem;font-weight:700}.match-school{color:var(--text-tertiary);margin-top:2px;font-size:.78rem}.match-vs-badge{background:var(--gradient-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.9rem;font-weight:900;display:flex;box-shadow:0 4px 15px #7c6ff74d}.matchmaking-timer{margin-top:24px}.match-timer-circle{width:120px;height:120px;margin:0 auto 16px;position:relative}.match-timer-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--border-light);stroke-width:6px}.timer-progress{fill:none;stroke:var(--brand-primary);stroke-width:6px;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.match-timer-text{color:var(--brand-primary);font-size:2.2rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.matchmaking-timer p{color:var(--text-secondary);font-size:.88rem;font-weight:500}.matchmaking-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.matchmaking-dots span{background:var(--brand-primary);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite dotBounce}.matchmaking-dots span:nth-child(2){animation-delay:.2s}.matchmaking-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.opponent-found-card{background:var(--bg-card);border:1px solid var(--border-light);max-width:520px;box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;margin:0 auto;padding:48px 36px;animation:.5s cardPop}@keyframes cardPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.found-flash{margin-bottom:8px;font-size:3rem;animation:.8s infinite flashPulse}@keyframes flashPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.opponent-found-card h2{color:var(--brand-primary);margin-bottom:24px;font-size:1.5rem;font-weight:800}.found-vs{justify-content:center;align-items:center;gap:20px;margin-bottom:28px;display:flex}.found-player{text-align:center;flex:1}.found-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 10px;font-size:1.3rem;font-weight:800;display:flex}.you-clr{background:var(--gradient-hero)}.opp-clr{background:linear-gradient(135deg,#ef4444,#dc2626)}.found-player strong{font-size:.95rem;display:block}.found-player span{color:var(--text-tertiary);font-size:.78rem}.found-vs-text{color:var(--brand-primary);text-shadow:0 0 20px #7c6ff766;font-size:1.8rem;font-weight:900}.found-countdown{color:var(--text-secondary);font-size:1.1rem;font-weight:600}.found-countdown strong{color:var(--brand-primary);font-size:2rem;animation:1s infinite countPulse;display:inline-block}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.battle-arena{max-width:680px;margin:0 auto}.battle-top-bar{background:var(--gradient-hero);color:#fff;border-radius:18px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.battle-player-score{flex:1;align-items:center;gap:10px;display:flex}.battle-player-score.opp-side{justify-content:flex-end}.bps-avatar{color:#fff;border:2px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:800;display:flex}.bps-info{flex-direction:column;display:flex}.bps-info.right{text-align:left}.bps-name{font-size:.82rem;font-weight:700}.bps-score{opacity:.85;font-size:.75rem}.battle-center-info{text-align:center;min-width:100px}.battle-q-num{margin-bottom:6px;font-size:.8rem;font-weight:700}.battle-timer-bar{background:#fff3;border-radius:3px;width:100%;height:6px;margin-bottom:4px;overflow:hidden}.battle-timer-fill{background:#10b981;border-radius:3px;height:100%;transition:width 1s linear,background .3s}.battle-timer-num{font-size:.75rem;font-weight:700}.battle-question-card{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);border-radius:20px;margin-bottom:20px;padding:32px 28px}.battle-q-text{text-align:center;margin-bottom:28px;font-size:1.15rem;font-weight:700;line-height:1.7}.battle-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.battle-opt{border:2px solid var(--border-medium);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-align:center;border-radius:14px;padding:16px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.battle-opt:hover:not(:disabled){border-color:var(--brand-primary);background:#7c6ff714;transform:translateY(-2px)}.battle-opt:disabled{cursor:default}.battle-opt.correct{color:#10b981;background:#10b98126;border-color:#10b981}.battle-opt.wrong{color:#ef4444;background:#ef444426;border-color:#ef4444}.battle-progress-dots{justify-content:center;gap:8px;display:flex}.bdot{background:var(--border-medium);border-radius:50%;width:12px;height:12px;transition:all .3s}.bdot.correct{background:#10b981;box-shadow:0 0 8px #10b98166}.bdot.wrong{background:#ef4444;box-shadow:0 0 8px #ef444466}.bdot.timeout{background:#f59e0b}.celebration-card{background:var(--bg-card);border:1px solid var(--border-light);max-width:560px;box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;margin:0 auto;padding:48px 36px;position:relative;overflow:hidden}.celebration-card.winner{box-shadow:0 0 40px #f59e0b26, var(--shadow-lg);border-color:#f59e0b}#confettiCanvas{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.celeb-content{z-index:5;position:relative}.celeb-trophy{margin-bottom:12px}.trophy-bounce{font-size:4rem;animation:.8s trophyBounce;display:inline-block}.celebration-card h1{margin-bottom:8px;font-size:1.6rem;font-weight:900}.celebration-card .celeb-content>p{color:var(--text-secondary);margin-bottom:24px;font-size:.92rem}.celeb-scoreboard{background:var(--bg-secondary);border-radius:16px;justify-content:center;align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.celeb-player{text-align:center;flex:1}.celeb-av{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 8px;font-size:1.2rem;font-weight:800;display:flex}.celeb-player strong{margin-bottom:4px;font-size:.9rem;display:block}.celeb-pts{color:var(--brand-primary);font-size:.85rem;font-weight:700}.celeb-vs{color:var(--text-tertiary);font-size:1.2rem;font-weight:900}.celeb-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:24px;display:grid}.celeb-stat{background:var(--bg-secondary);text-align:center;border-radius:12px;padding:12px}.celeb-stat span{color:var(--text-tertiary);margin-bottom:4px;font-size:.75rem;display:block}.celeb-stat strong{color:var(--text-primary);font-size:1rem}.celeb-stat.trophy-stat{background:#f59e0b1a;border:1px solid #f59e0b4d}.celeb-stat.trophy-stat strong{color:#f59e0b}.celeb-actions{gap:12px;display:flex}.celeb-actions .btn{flex:1;justify-content:center}.lb-section{max-width:720px;margin:0 auto}.lb-back{margin-bottom:20px}.lb-section h2{justify-content:center;align-items:center;gap:8px;margin-bottom:32px;font-size:1.5rem;font-weight:900;display:flex}.comp-podium{justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.comp-podium-item{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;width:180px;padding:24px 20px;transition:all .3s}.comp-podium-item.first{border-color:#f59e0b;transform:translateY(-10px);box-shadow:0 8px 30px #f59e0b26}.comp-podium-item.second{order:-1}.comp-podium-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 8px;font-size:1.2rem;font-weight:800;display:flex}.comp-podium-medal{margin-bottom:6px;font-size:1.5rem}.comp-podium-item h4{margin-bottom:4px;font-size:.9rem;font-weight:700}.comp-podium-school{color:var(--text-tertiary);margin-bottom:6px;font-size:.75rem;display:block}.comp-podium-pts{color:var(--brand-primary);font-size:.9rem;font-weight:800}.comp-lb-table{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.comp-lb-row{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.comp-lb-row:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.comp-lb-rank{background:var(--bg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.comp-lb-avatar{background:var(--gradient-accent);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.comp-lb-info{flex-direction:column;flex:1;display:flex}.comp-lb-info strong{font-size:.9rem}.comp-lb-info span{color:var(--text-tertiary);font-size:.75rem}.comp-lb-pts{color:var(--brand-primary);font-size:.9rem;font-weight:800}.honor-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.honor-year-badge{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.honor-year-badge .material-icons-outlined{color:var(--brand-primary);font-size:16px}.honor-inner-tabs{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.honor-inner-tabs::-webkit-scrollbar{height:4px}.honor-inner-tabs::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.honor-inner-tab{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .3s}.honor-inner-tab:hover{background:var(--border-light);color:var(--text-primary)}.honor-inner-tab.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.honor-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.honor-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.honor-card:before{content:"";background:radial-gradient(circle at top right, rgba(var(--brand-primary-rgb), .1), transparent 50%);pointer-events:none;position:absolute;inset:0}.honor-card:hover{box-shadow:0 15px 35px -5px rgba(var(--brand-primary-rgb), .2);border-color:rgba(var(--brand-primary-rgb), .4);background:#1e293bcc;transform:translateY(-5px)scale(1.02)}.honor-card.honor-top{background:linear-gradient(145deg,#f59e0b1a 0%,#1e293bb3 100%);border-color:#f59e0b66;grid-column:1/-1;padding:30px;box-shadow:0 10px 30px #f59e0b26}.honor-crown{filter:drop-shadow(0 2px 4px #0003);font-size:1.6rem;animation:2s ease-in-out infinite crownFloat;position:absolute;top:-12px;right:20px}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.honor-card-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.honor-avatar{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.05rem;font-weight:800;display:flex;position:relative}.honor-top .honor-avatar{border-radius:18px;width:64px;height:64px;font-size:1.2rem}.honor-rank{background:var(--bg-card);border:2px solid var(--border-light);width:22px;height:22px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;position:absolute;bottom:-6px;left:-6px}.honor-top .honor-rank{color:#fff;background:#f59e0b;border-color:#f59e0b;width:26px;height:26px;font-size:.75rem}.honor-info{flex:1;min-width:0}.honor-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.95rem;font-weight:700;overflow:hidden}.honor-top .honor-info h4{font-size:1.1rem}.honor-stage{color:var(--text-tertiary);align-items:center;gap:4px;margin-bottom:6px;font-size:.78rem;display:flex}.honor-stage .material-icons-outlined{font-size:14px}.honor-badge{border-radius:8px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.honor-badge .material-icons-outlined{font-size:14px}.honor-total{text-align:center;background:var(--bg-card);border-radius:14px;flex-shrink:0;min-width:70px;padding:8px 12px}.honor-total-num{color:var(--brand-primary);font-size:1.3rem;font-weight:900;line-height:1.2}.honor-top .honor-total-num{font-size:1.6rem}.honor-total-label{color:var(--text-tertiary);font-size:.68rem;font-weight:600}.honor-subjects{flex-direction:column;gap:6px;display:flex}.honor-subj{align-items:center;gap:10px;display:flex}.honor-subj-name{color:var(--text-secondary);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:110px;font-size:.78rem;overflow:hidden}.honor-subj-bar{background:var(--border-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.honor-subj-fill{border-radius:3px;height:100%;transition:width .8s}.honor-subj-grade{color:var(--text-primary);text-align:left;width:28px;font-size:.78rem;font-weight:700}@media (width<=768px){.honor-grid{grid-template-columns:1fr}.honor-card.honor-top{grid-column:1}.honor-card-head{flex-wrap:wrap}.honor-total{border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px;display:flex}.honor-subj-name{width:80px}}.landing-dashboard{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.landing-dashboard:before{content:"";background:radial-gradient(circle at top center, rgba(var(--brand-primary-rgb), .15), transparent 70%);z-index:-1;pointer-events:none;height:60vh;position:absolute;top:-20%;left:-10%;right:-10%}.comp-hero-section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000;background-image:linear-gradient(90deg,#0f172af2 0%,#1e293bb3 100%),url(/uploads/images/pvp_hero.png);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #8b5cf666;border-radius:32px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:60px;padding:80px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 30px #8b5cf64d}.comp-hero-section:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0000 40%,#0009 100%);position:absolute;inset:0}.comp-hero-content,.comp-hero-stats{z-index:1;position:relative}.comp-hero-content{flex:1;max-width:600px}.comp-hero-title{background:linear-gradient(135deg,#fff 0%,#a8b1ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;text-shadow:0 10px 30px rgba(var(--brand-primary-rgb), .3);-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:900;line-height:1.2}.comp-hero-desc{color:var(--text-secondary);margin-bottom:32px;font-size:1.15rem;line-height:1.7}.comp-hero-actions{gap:16px;display:flex}.comp-hero-stats{flex-direction:column;gap:16px;min-width:250px;display:flex}.hero-stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.hero-stat-box:hover{box-shadow:0 20px 40px -10px rgba(var(--brand-primary-rgb), .2);border-color:rgba(var(--brand-primary-rgb), .4);background:#1e293bb3;transform:translateY(-8px)scale(1.02)}.hero-stat-box .material-icons-outlined{color:var(--brand-primary);background:var(--brand-primary-light);border-radius:12px;padding:12px;font-size:32px}.hero-stat-box strong{color:var(--text-primary);font-size:1.5rem;display:block}.hero-stat-box span{color:var(--text-secondary);font-size:.9rem}.comp-how-it-works{margin-bottom:80px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);text-align:center;border-radius:24px;padding:40px 30px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.step-card:hover{border-color:rgba(var(--brand-primary-rgb), .5);box-shadow:0 20px 40px -10px rgba(var(--brand-primary-rgb), .25);transform:translateY(-10px)}.step-card:before{content:"";opacity:.85;background:linear-gradient(90deg,#ec4899,#8b5cf6,#3b82f6);height:6px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.step-card:hover:before{opacity:1}.step-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.8rem;font-weight:800;display:flex;box-shadow:0 10px 20px #ec48994d}.step-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.3rem;font-weight:800}.step-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.comp-dual-boards{background:var(--bg-alt);border:1px solid var(--border-light);border-radius:24px;padding:40px}.board-tabs-header{border-bottom:2px solid var(--border-light);gap:16px;margin-bottom:40px;display:flex}.board-main-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:16px 32px;font-size:1.2rem;font-weight:700;transition:all .3s}.board-main-tab:hover{color:var(--text-primary)}.board-main-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.board-tabs-group{gap:16px;display:flex}.board-weekly-timer{background:#10b9810d;border:1px solid #10b98133;border-radius:50px;align-items:center;gap:16px;padding:8px 24px;display:flex}.timer-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:flex}.timer-label .material-icons-outlined{color:var(--success)}.timer-countdown{direction:ltr;align-items:center;gap:8px;display:flex}.time-box{flex-direction:column;align-items:center;display:flex}.time-box span{color:var(--success);text-shadow:0 0 10px #10b9814d;text-align:center;min-width:28px;font-family:monospace;font-size:1.3rem;font-weight:800;line-height:1}.time-box small{color:var(--text-tertiary);margin-top:2px;font-size:.65rem}.time-colon{color:var(--text-tertiary);padding-bottom:12px;font-size:1.2rem;font-weight:800;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.board-panel{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards fadeInScale;display:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.board-panel.active{display:block}.schools-ranking-list{flex-direction:column;gap:16px;display:flex}.school-rank-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;padding:24px 28px;transition:all .4s;display:flex;position:relative;overflow:hidden}.school-rank-item:hover{box-shadow:20px 10px 40px -10px rgba(var(--brand-primary-rgb), .15);border-color:rgba(var(--brand-primary-rgb), .4);background:#1e293bb3;transform:translate(-8px)scale(1.01)}.sri-rank{color:var(--text-tertiary);text-align:center;width:50px;font-size:1.8rem;font-weight:900}.sri-icon{background:var(--bg-secondary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.sri-icon .material-icons-outlined{color:var(--text-secondary);font-size:32px}.sri-details{flex:1}.sri-details h4{margin-bottom:8px;font-size:1.3rem}.sri-gov{color:var(--text-secondary);align-items:center;gap:4px;font-size:.9rem;display:inline-flex}.sri-stats{gap:24px;display:flex}.sri-stat-box{text-align:left}.sri-stat-box span{color:var(--text-tertiary);margin-bottom:4px;font-size:.8rem;display:block}.sri-stat-box strong{color:var(--text-primary);font-size:1.2rem}.sri-stat-box.highlight strong{color:var(--accent-amber);background:#f59e0b1a;border-radius:8px;padding:4px 12px}.top-3 .sri-rank{font-size:2.2rem}.top-3-1{background:linear-gradient(270deg,#f59e0b0d,#0000);border-color:#f59e0b4d}.top-3-1 .sri-icon{background:#f59e0b1a}.top-3-1 .sri-icon .material-icons-outlined,.top-3-1 .sri-rank{color:#f59e0b}.top-3-2{background:linear-gradient(270deg,#94a3b80d,#0000);border-color:#94a3b84d}.top-3-2 .sri-icon{background:#94a3b81a}.top-3-2 .sri-icon .material-icons-outlined,.top-3-2 .sri-rank{color:#94a3b8}.top-3-3{background:linear-gradient(270deg,#b453090d,#0000);border-color:#b453094d}.top-3-3 .sri-icon{background:#b453091a}.top-3-3 .sri-icon .material-icons-outlined,.top-3-3 .sri-rank{color:#b45309}@media (width<=992px){.comp-hero-section{text-align:center;flex-direction:column;gap:24px;padding:40px 0}.comp-hero-actions{justify-content:center}.comp-hero-stats{flex-direction:row;width:100%;padding-bottom:8px;overflow-x:auto}.hero-stat-box{flex:1;min-width:200px}.steps-grid{grid-template-columns:1fr}}@media (width<=768px){.comp-dual-boards{padding:24px 16px}.board-tabs-header{flex-direction:column;gap:0}.board-main-tab{text-align:center;width:100%}.school-rank-item{text-align:center;flex-direction:column;gap:12px}.sri-rank{width:auto}.sri-stats{border-top:1px solid var(--border-light);justify-content:center;width:100%;margin-top:12px;padding-top:16px}.sri-stat-box{text-align:center}.comp-page{padding:80px 0 40px}.battle-register-card{margin:0 16px;padding:28px 20px}.matchmaking-card,.opponent-found-card,.celebration-card{margin:0 16px;padding:32px 20px}.battle-arena{margin:0 16px}.battle-top-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.battle-center-info{order:-1;width:100%;margin-bottom:4px}.battle-options{grid-template-columns:1fr}.opp-tabs{flex-wrap:wrap}.opp-tab{flex:45%}.found-vs{flex-direction:column;gap:12px}.found-vs-text{font-size:1.5rem}.matchmaking-vs{flex-direction:column;gap:16px}.match-vs-badge{margin:0 auto}.comp-podium{flex-direction:column;align-items:center}.comp-podium-item{width:100%;max-width:300px}.comp-podium-item.first{order:-1;transform:none}.comp-podium-item.second{order:0}.celeb-actions{flex-direction:column}.celeb-scoreboard{flex-direction:column;gap:12px}.celeb-vs{display:none}.lb-section{margin:0 16px}}.pvp-landing{max-width:1600px;margin:0 auto;padding:0 40px 60px}.pvp-hero-cinematic{border-radius:28px;align-items:center;min-height:520px;margin-bottom:0;display:flex;position:relative;overflow:hidden}.pvp-hero-bg{z-index:0;position:absolute;inset:0}.pvp-hero-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.pvp-hero-overlay{z-index:1;background:linear-gradient(135deg,#0f0a28eb 0%,#1e143cbf 40%,#50287880 100%);position:absolute;inset:0}.pvp-hero-particles{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pvp-particle{background:#8b5cf699;border-radius:50%;animation:5s ease-in-out infinite alternate pvpFloat;position:absolute;box-shadow:0 0 6px #8b5cf666}@keyframes pvpFloat{0%{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.8}to{opacity:.2;transform:translateY(-40px)scale(1.5)}}.pvp-hero-inner{z-index:3;flex-direction:column;gap:20px;width:100%;padding:60px 48px;display:flex;position:relative}.pvp-hero-badge-row{flex-wrap:wrap;gap:12px;display:flex}.pvp-live-badge{color:#fca5a5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef444426;border:1px solid #ef444466;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.pvp-live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pvpPulse;box-shadow:0 0 8px #ef4444}@keyframes pvpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.pvp-season-badge{color:#c4b5fd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8b5cf626;border:1px solid #8b5cf666;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.pvp-hero-heading{color:#fff;letter-spacing:-1px;text-shadow:0 4px 30px #8b5cf666;font-family:Cairo,sans-serif;font-size:3.8rem;font-weight:900;line-height:1.15}.pvp-gradient-text{background:linear-gradient(135deg,#c084fc,#ec4899,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pvp-hero-tagline{color:#ffffffbf;max-width:600px;font-size:1.15rem;line-height:1.8}.pvp-hero-cta{flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}.pvp-btn-glow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:14px;align-items:center;gap:8px;padding:14px 32px;font-family:Cairo,sans-serif;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 25px #8b5cf666}.pvp-btn-glow:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf68c}.pvp-btn-glow .material-icons-outlined{font-size:20px}.pvp-btn-xl{border-radius:18px;flex-direction:column;min-width:320px;padding:18px 48px;font-size:1.2rem}.pvp-btn-sub{opacity:.7;margin-top:-2px;font-size:.78rem;font-weight:500}.pvp-btn-glow:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.pvp-btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:14px;align-items:center;gap:8px;padding:14px 28px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.pvp-btn-ghost:hover{background:#ffffff26;border-color:#fff6}.pvp-btn-ghost-sm{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:600;transition:all .25s;display:inline-flex}.pvp-btn-ghost-sm:hover{background:var(--brand-primary-bg);color:var(--brand-primary);border-color:var(--brand-primary)}.pvp-btn-ghost-sm .material-icons-outlined{font-size:16px}.pvp-hero-counters{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:0;max-width:fit-content;margin-top:12px;padding:20px 28px;display:flex}.pvp-counter-box{flex-direction:column;align-items:center;padding:0 24px;display:flex}.pvp-counter-num{color:#fff;direction:ltr;font-family:Inter,monospace;font-size:1.8rem;font-weight:900}.pvp-counter-lbl{color:#ffffff8c;white-space:nowrap;margin-top:2px;font-size:.78rem}.pvp-counter-divider{background:#ffffff1f;width:1px;height:36px}.pvp-features-strip{background:var(--bg-card);border:1px solid var(--border-light);z-index:10;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:0;margin:-30px 20px 48px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.pvp-feature-item{border-left:1px solid var(--border-light);align-items:center;gap:14px;padding:28px 24px;transition:all .3s;display:flex}.pvp-feature-item:last-child{border-left:none}.pvp-feature-item:hover{background:var(--bg-secondary)}.pvp-feature-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pvp-feature-icon .material-icons-outlined{color:#fff;font-size:24px}.pvp-feature-item h4{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:700}.pvp-feature-item p{color:var(--text-tertiary);font-size:.8rem;line-height:1.4}.pvp-how-section{padding:20px 0 60px}.pvp-section-header{text-align:center;margin-bottom:48px}.pvp-section-chip{color:#8b5cf6;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid #8b5cf640;border-radius:50px;margin-bottom:16px;padding:6px 18px;font-size:.82rem;font-weight:700;display:inline-block}.pvp-section-header h2{color:var(--text-primary);margin-bottom:10px;font-family:Cairo,sans-serif;font-size:2.2rem;font-weight:900}.pvp-section-header p{color:var(--text-tertiary);max-width:550px;margin:0 auto;font-size:1.05rem}.pvp-steps-row{grid-template-columns:repeat(3,1fr);gap:28px;display:grid;position:relative}.pvp-step-card{background:var(--bg-card);border:1px solid var(--border-light);text-align:center;border-radius:24px;padding:36px 28px 32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000a}.pvp-step-card:before{content:"";height:5px;position:absolute;top:0;left:0;right:0}.pvp-step-1:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.pvp-step-2:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.pvp-step-3:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pvp-step-card:hover{border-color:#8b5cf64d;transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.pvp-step-number{color:var(--border-light);opacity:.6;font-family:Inter,sans-serif;font-size:3rem;font-weight:900;line-height:1;position:absolute;top:16px;left:20px}.pvp-step-icon-wrap{border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;position:relative}.pvp-step-1 .pvp-step-icon-wrap{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d)}.pvp-step-2 .pvp-step-icon-wrap{background:linear-gradient(135deg,#ec489926,#ec48990d)}.pvp-step-3 .pvp-step-icon-wrap{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d)}.pvp-step-1 .pvp-step-icon-wrap .material-icons-outlined{color:#8b5cf6;font-size:32px}.pvp-step-2 .pvp-step-icon-wrap .material-icons-outlined{color:#ec4899;font-size:32px}.pvp-step-3 .pvp-step-icon-wrap .material-icons-outlined{color:#f59e0b;font-size:32px}.pvp-step-card h3{color:var(--text-primary);margin-bottom:10px;font-family:Cairo,sans-serif;font-size:1.2rem;font-weight:800}.pvp-step-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.pvp-step-connector{display:none}.pvp-arena-section{padding:20px 0 40px}.pvp-login-prompt{text-align:center;background:var(--bg-card);border:2px dashed var(--border-light);border-radius:24px;padding:60px 24px}.pvp-login-prompt-icon{margin-bottom:16px;font-size:3rem}.pvp-login-prompt h3{margin-bottom:10px;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:800}.pvp-login-prompt p{color:var(--text-tertiary);margin-bottom:24px}.pvp-my-stats-bar{background:linear-gradient(135deg,#8b5cf60f,#ec48990a);border:1px solid #8b5cf626;border-radius:18px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:18px 28px;display:flex}.pvp-my-stat{align-items:center;gap:10px;display:flex}.pvp-my-stat .material-icons-outlined{color:#8b5cf6;font-size:22px}.pvp-my-stat div{flex-direction:column;display:flex}.pvp-my-stat strong{color:var(--text-primary);font-size:1.1rem;font-weight:800;line-height:1.2}.pvp-my-stat span{color:var(--text-tertiary);font-size:.72rem}.pvp-banks-grid-v2{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-bottom:32px;display:grid}.pvp-bank-card-v2{background:var(--bg-card);border:1.5px solid var(--border-light);cursor:pointer;text-align:center;border-radius:20px;padding:28px 22px 24px;transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.pvp-bank-glow{opacity:.08;filter:blur(40px);pointer-events:none;border-radius:50%;width:120px;height:120px;transition:opacity .4s;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.pvp-bank-card-v2:hover .pvp-bank-glow{opacity:.2}.pvp-bank-card-v2:hover{border-color:#8b5cf666;transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.pvp-bank-card-v2.selected{background:linear-gradient(135deg,#8b5cf614,#ec48990a);border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633,0 10px 30px #8b5cf626}.pvp-bank-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:1.6rem;display:flex;box-shadow:0 8px 20px #00000026}.pvp-bank-card-v2 h4{color:var(--text-primary);margin-bottom:8px;font-size:1.05rem;font-weight:700}.pvp-bank-meta{justify-content:center;gap:16px;display:flex}.pvp-bank-meta span{color:var(--text-tertiary);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.pvp-bank-meta .material-icons-outlined{font-size:14px}.pvp-arena-action{text-align:center;margin-top:8px}.pvp-empty-state{text-align:center;color:var(--text-tertiary);grid-column:1/-1;padding:48px}.pvp-empty-state .material-icons-outlined{opacity:.4;margin-bottom:12px;font-size:48px;display:block}.pvp-cta-banner{text-align:center;background:linear-gradient(135deg,#1e1040 0%,#3b1a6e 50%,#6d28d9 100%);border-radius:24px;margin-top:20px;padding:60px 40px;position:relative;overflow:hidden}.pvp-cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#ec489926,#0000 50%),radial-gradient(circle at 70%,#8b5cf633,#0000 50%);position:absolute;inset:0}.pvp-cta-content{z-index:1;position:relative}.pvp-cta-banner h2{color:#fff;margin-bottom:12px;font-family:Cairo,sans-serif;font-size:2rem;font-weight:900}.pvp-cta-banner p{color:#ffffffb3;max-width:600px;margin:0 auto 28px;font-size:1.05rem;line-height:1.7}.pvp-battle-header{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex}.pvp-battle-player{align-items:center;gap:10px;display:flex}.pvp-battle-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:700;display:flex}.pvp-battle-score{color:var(--brand-primary);text-align:center;min-width:40px;font-size:1.8rem;font-weight:900}.pvp-battle-vs{color:var(--text-tertiary);font-size:.9rem;font-weight:800}.pvp-question-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;margin-bottom:20px;padding:32px}.pvp-question-card .q-number{color:var(--text-tertiary);margin-bottom:8px;font-size:.8rem;font-weight:600}.pvp-question-card .q-text{margin-bottom:24px;font-family:Cairo,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.7}.pvp-options{flex-direction:column;gap:10px;display:flex}.pvp-option{border:1.5px solid var(--border-light);cursor:pointer;background:var(--bg-input);border-radius:12px;align-items:center;gap:14px;padding:14px 20px;font-weight:500;transition:all .2s;display:flex}.pvp-option:hover{border-color:var(--brand-primary);background:var(--brand-primary-bg)}.pvp-option .opt-letter{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.pvp-option.correct{background:#10b9811a!important;border-color:#10b981!important}.pvp-option.correct .opt-letter{color:#fff;background:#10b981}.pvp-option.wrong{background:#ef444414!important;border-color:#ef4444!important}.pvp-option.wrong .opt-letter{color:#fff;background:#ef4444}.pvp-timer-bar{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;margin-bottom:20px;overflow:hidden}.pvp-timer-fill{background:var(--gradient-accent);border-radius:3px;height:100%;transition:width .3s linear}.pvp-timer-fill.warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.pvp-dots{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.pvp-dot{background:var(--bg-tertiary);border-radius:50%;width:10px;height:10px;transition:all .3s}.pvp-dot.correct{background:#10b981;box-shadow:0 0 6px #10b98166}.pvp-dot.wrong{background:#ef4444;box-shadow:0 0 6px #ef444466}.pvp-dot.current{background:var(--brand-primary);animation:1s infinite pvpPulse;transform:scale(1.3)}.pvp-result{text-align:center;padding:48px 24px}.pvp-result-icon{margin-bottom:16px;font-size:4rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn}.pvp-result h2{margin-bottom:8px;font-family:Cairo,sans-serif;font-size:2rem;font-weight:900}.pvp-result-stats{justify-content:center;gap:32px;margin:24px 0;display:flex}.pvp-result-stat{text-align:center}.pvp-result-stat .val{color:var(--brand-primary);font-size:1.8rem;font-weight:800}.pvp-result-stat .lbl{color:var(--text-tertiary);margin-top:2px;font-size:.8rem}.pvp-matchmaking{text-align:center;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.pvp-search-spinner{border:3px solid var(--border-light);border-top-color:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;animation:1s linear infinite spin;display:flex;position:relative}.pvp-search-spinner:after{content:"⚔️";font-size:2rem;animation:1.5s ease-in-out infinite pvpPulse;position:absolute}.pvp-matchmaking-pro{text-align:center;flex-direction:column;align-items:center;max-width:650px;margin:40px auto 0;padding:0 20px 60px;display:flex}.pvp-mm-subject-badge{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61f,#ec489914);border:1px solid #8b5cf64d;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 22px;font-size:.9rem;font-weight:700;display:inline-flex}.pvp-mm-subject-badge .material-icons-outlined{font-size:18px}.pvp-mm-radar-wrap{margin-bottom:28px}.pvp-mm-radar{background:radial-gradient(circle,#8b5cf60d 0%,#8b5cf605 60%,#0000 100%);border-radius:50%;width:200px;height:200px;position:relative}.pvp-mm-radar-ring{border:1.5px solid #8b5cf626;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pvp-mm-ring-1{border-color:#8b5cf64d;width:60px;height:60px}.pvp-mm-ring-2{border-color:#8b5cf633;width:120px;height:120px;animation:2.5s ease-out infinite radarPulseRing}.pvp-mm-ring-3{border-color:#8b5cf61a;width:180px;height:180px;animation:2.5s ease-out .5s infinite radarPulseRing}@keyframes radarPulseRing{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.pvp-mm-radar-sweep{background:conic-gradient(#0000 0deg,#8b5cf640 30deg,#0000 60deg);border-radius:50%;width:100%;height:100%;animation:3s linear infinite radarSweep;position:absolute;top:0;left:0}@keyframes radarSweep{to{transform:rotate(360deg)}}.pvp-mm-radar-center{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:linear-gradient(135deg,#8b5cf626,#ec48991a);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #8b5cf633}.pvp-mm-dot{z-index:3;background:#8b5cf6;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pvpDotBlink;position:absolute;box-shadow:0 0 8px #8b5cf699}@keyframes pvpDotBlink{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pvp-mm-radar-stopped .pvp-mm-radar-sweep{animation-play-state:paused}.pvp-mm-radar-stopped .pvp-mm-radar-ring{opacity:.3;animation-play-state:paused}.pvp-mm-radar-stopped .pvp-mm-dot{opacity:.15;animation-play-state:paused}.pvp-mm-radar-stopped .pvp-mm-radar-center{background:#ef44441a}.pvp-mm-radar-stopped .pvp-mm-radar-center .material-icons-outlined{color:#ef4444!important}.pvp-mm-radar-found .pvp-mm-radar-sweep{background:#10b98126;animation:none}.pvp-mm-radar-found .pvp-mm-radar-ring{border-color:#10b9814d;animation:none}.pvp-mm-radar-found .pvp-mm-radar-center{background:#10b98126;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn}.pvp-mm-radar-found .pvp-mm-radar-center .material-icons-outlined{color:#10b981!important}.pvp-mm-radar-found .pvp-mm-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.pvp-mm-title{color:var(--text-primary);margin-bottom:6px;font-family:Cairo,sans-serif;font-size:1.6rem;font-weight:900}.pvp-mm-subtitle{color:var(--text-tertiary);margin-bottom:24px;font-size:.95rem;line-height:1.6}.pvp-mm-timer-wrap{align-items:center;gap:12px;width:100%;max-width:400px;margin-bottom:24px;display:flex}.pvp-mm-timer-track{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.pvp-mm-timer-fill{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:4px;height:100%;transition:width 1s linear}.pvp-mm-timer-text{color:var(--text-secondary);text-align:center;min-width:65px;font-family:Inter,monospace;font-size:.85rem;font-weight:700}.pvp-mm-error{text-align:right;background:#ef44440f;border:1px solid #ef444440;border-radius:16px;align-items:flex-start;gap:12px;width:100%;max-width:400px;margin-bottom:20px;padding:18px 22px;display:flex}.pvp-mm-error .material-icons-outlined{color:#ef4444;flex-shrink:0;margin-top:2px;font-size:24px}.pvp-mm-error strong{color:#ef4444;margin-bottom:4px;font-size:.95rem;display:block}.pvp-mm-error p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.6}.pvp-mm-tip{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;align-items:center;gap:10px;width:100%;max-width:450px;margin-bottom:20px;padding:14px 22px;transition:opacity .3s;display:flex}.pvp-mm-tip-icon{flex-shrink:0;font-size:1.4rem}.pvp-mm-tip-text{color:var(--text-secondary);text-align:right;font-size:.85rem;line-height:1.6}.pvp-mm-sponsor{width:100%;max-width:500px;margin-top:32px}.pvp-mm-sponsor-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:8px;font-size:.72rem}.pvp-mm-sponsor-card{border:1px solid var(--border-light);border-radius:18px;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.pvp-mm-sponsor-card:hover{border-color:#8b5cf64d;transform:translateY(-3px);box-shadow:0 12px 32px #0000001f}.pvp-mm-sponsor-card img{object-fit:cover;width:100%;height:160px;display:block}.pvp-mm-sponsor-overlay{background:linear-gradient(#0000,#0f0a28e6);padding:40px 20px 16px;position:absolute;bottom:0;left:0;right:0}.pvp-mm-sponsor-text{text-align:right}.pvp-mm-sponsor-tag{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:6px;margin-bottom:6px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.pvp-mm-sponsor-text h4{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:800}.pvp-mm-sponsor-text p{color:#ffffffb3;margin:0;font-size:.78rem;line-height:1.5}@media (width<=768px){.pvp-matchmaking-pro{margin-top:20px;padding:0 12px 40px}.pvp-mm-radar{width:160px;height:160px}.pvp-mm-ring-1{width:48px;height:48px}.pvp-mm-ring-2{width:96px;height:96px}.pvp-mm-ring-3{width:144px;height:144px}.pvp-mm-title{font-size:1.3rem}.pvp-mm-sponsor-card img{height:120px}}.pvp-trophy-badge{border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.pvp-trophy-badge.common{color:#6b7280;background:#9ca3af1f}.pvp-trophy-badge.rare{color:#2563eb;background:#3b82f61f}.pvp-trophy-badge.epic{color:#0284c7;background:#0ea5e91f}.pvp-trophy-badge.legendary{color:#d97706;background:#f59e0b1f}.pvp-lb-table{border-collapse:separate;border-spacing:0 4px;width:100%}.pvp-lb-table th{color:var(--text-tertiary);text-align:right;border-bottom:1px solid var(--border-light);padding:10px 16px;font-size:.75rem;font-weight:600}.pvp-lb-table td{background:var(--bg-card);padding:12px 16px;font-size:.9rem}.pvp-lb-table tr td:first-child{border-radius:0 10px 10px 0}.pvp-lb-table tr td:last-child{border-radius:10px 0 0 10px}.pvp-lb-table tr:hover td{background:var(--bg-card-hover)}.pvp-rank-badge{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:inline-flex}.pvp-stage-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.pvp-stage-tab{cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary);border:1.5px solid #0000;border-radius:20px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.pvp-stage-tab:hover{background:var(--brand-primary-bg);color:var(--brand-primary)}.pvp-stage-tab.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.pvp-profile-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:flex}.pvp-profile-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;font-weight:800;display:flex}.pvp-profile-stats{flex-wrap:wrap;gap:24px;display:flex}.pvp-profile-stat .val{color:var(--brand-primary);font-size:1.2rem;font-weight:800}.pvp-profile-stat .lbl{color:var(--text-tertiary);font-size:.75rem}@media (width<=1024px){.pvp-features-strip{grid-template-columns:repeat(2,1fr)}.pvp-feature-item:nth-child(3){border-left:none}}@media (width<=768px){.pvp-landing{padding:0 16px 40px}.pvp-hero-cinematic{border-radius:20px;min-height:400px}.pvp-hero-inner{padding:32px 24px}.pvp-hero-heading{font-size:2.2rem}.pvp-hero-tagline{font-size:.95rem}.pvp-hero-counters{flex-wrap:wrap;gap:12px}.pvp-counter-divider{display:none}.pvp-counter-box{padding:0 14px}.pvp-counter-num{font-size:1.3rem}.pvp-features-strip{grid-template-columns:1fr;margin:-20px 10px 32px}.pvp-feature-item{border-bottom:1px solid var(--border-light);border-left:none!important}.pvp-feature-item:last-child{border-bottom:none}.pvp-steps-row{grid-template-columns:1fr}.pvp-section-header h2{font-size:1.6rem}.pvp-banks-grid-v2{grid-template-columns:repeat(2,1fr)}.pvp-btn-xl{min-width:260px}.pvp-cta-banner{padding:40px 24px}.pvp-cta-banner h2{font-size:1.5rem}.pvp-battle-header{flex-direction:column;gap:12px}.pvp-profile-card{text-align:center;flex-direction:column}.pvp-result-stats{flex-wrap:wrap;gap:16px}.pvp-my-stats-bar{gap:14px;padding:14px 18px}}@media (width<=480px){.pvp-hero-heading{font-size:1.8rem}.pvp-banks-grid-v2{grid-template-columns:1fr}.pvp-hero-counters{padding:14px 16px}}.auth-page{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:40px 24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:0;background:radial-gradient(circle,#10b98114 0%,#fff0 70%);width:50vw;height:50vw;position:absolute;top:-20%;left:-10%}.auth-page:after{content:"";z-index:0;background:radial-gradient(circle,#f59e0b0f 0%,#fff0 70%);width:50vw;height:50vw;position:absolute;bottom:-20%;right:-10%}.auth-card{background:var(--bg-card);border:1px solid var(--border-light);z-index:1;border-radius:24px;width:100%;max-width:440px;padding:48px;position:relative;box-shadow:0 20px 40px #00000014,0 1px 3px #0000000d}.auth-card h1{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:800}.auth-card .subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);text-align:right;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-group input{border:1px solid var(--border-medium);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--brand-primary);background:var(--bg-card);outline:none;box-shadow:0 0 0 4px #10b98126}.form-group input::placeholder{color:var(--text-tertiary)}.form-error{color:#ef4444;text-align:center;min-height:20px;font-size:.85rem;font-weight:600}.auth-page .btn{margin-top:16px}.icon-gap-start{margin-inline-start:8px}.icon-gap-end{margin-inline-end:8px}.gap-start-4{margin-inline-start:4px}.gap-start-6{margin-inline-start:6px}.gap-end-4{margin-inline-end:4px}.gap-end-6{margin-inline-end:6px}.gap-end-8{margin-inline-end:8px}.text-start{text-align:start}.text-end{text-align:end}[dir=ltr] .nav-links{text-align:left;direction:ltr}[dir=ltr] .navbar .nav-container{direction:ltr}[dir=ltr] .footer{text-align:left;direction:ltr}[dir=ltr] .footer-top-section{direction:ltr}[dir=ltr] .footer-desc,[dir=ltr] .footer-links-group,[dir=ltr] .footer-newsletter,[dir=ltr] .footer-bottom,[dir=ltr] .school-card,[dir=ltr] .hp-sch-card{text-align:left}[dir=ltr] .school-card-footer{direction:ltr}[dir=ltr] .filter-sidebar{border-right:none;border-left:1px solid var(--border-color,#e5e7eb)}[dir=ltr] .filter-group label{text-align:left}[dir=ltr] .search-main{direction:ltr}[dir=ltr] .search-header{text-align:left}[dir=ltr] .auth-container{text-align:left;direction:ltr}[dir=ltr] .user-dropdown{left:0;right:auto}[dir=ltr] .user-dropdown a,[dir=ltr] .page-container{text-align:left;direction:ltr}[dir=ltr] body{text-align:left}[dir=ltr] .hp-sch-cta .material-icons-outlined{transform:scaleX(1)}[dir=ltr] table{text-align:left;direction:ltr}[dir=ltr] th,[dir=ltr] td{text-align:left}[dir=ltr] input,[dir=ltr] select,[dir=ltr] textarea{text-align:left;direction:ltr}@media (width<=768px){[dir=ltr] .nav-links{text-align:left}}