@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root,[data-theme=light]{--dh-bg-main:#f8fafc;--dh-bg-card:#fff;--dh-bg-elevated:#f1f5f9;--dh-bg-hover:#f8fafc;--dh-bg-subtle:#f3f4f6;--dh-text-main:#0f172a;--dh-text-secondary:#475569;--dh-text-muted:#64748b;--dh-text-disabled:#94a3b8;--dh-border:#e2e8f0;--dh-border-subtle:#f1f5f9;--dh-border-focus:var(--dh-primary);--dh-success:#10b981;--dh-success-hover:#059669;--dh-success-light:#10b9811f;--dh-success-border:#10b98159;--dh-danger:#ef4444;--dh-danger-hover:#dc2626;--dh-danger-light:#ef44441f;--dh-danger-border:#ef444459;--dh-warning:#f59e0b;--dh-warning-hover:#d97706;--dh-warning-light:#f59e0b1f;--dh-warning-border:#f59e0b59;--dh-info:#0ea5e9;--dh-info-hover:#0284c7;--dh-info-light:#0ea5e91f;--dh-info-border:#0ea5e959;--dh-font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--dh-font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--dh-subj-bio:#10b981;--dh-subj-bio-bg:#10b9811f;--dh-subj-bio-border:#10b9814d;--dh-subj-chem:#06b6d4;--dh-subj-chem-bg:#06b6d41f;--dh-subj-chem-border:#06b6d44d;--dh-subj-phys:#8b5cf6;--dh-subj-phys-bg:#8b5cf61f;--dh-subj-phys-border:#8b5cf64d;--dh-subj-eng:#f43f5e;--dh-subj-eng-bg:#f43f5e1f;--dh-subj-eng-border:#f43f5e4d;--dh-subj-logic:#f59e0b;--dh-subj-logic-bg:#f59e0b1f;--dh-subj-logic-border:#f59e0b4d;--dh-space-xs:4px;--dh-space-sm:8px;--dh-space-md:16px;--dh-space-lg:24px;--dh-space-xl:32px;--dh-space-2xl:48px;--dh-shadow-sm:0 1px 2px 0 #0000000d;--dh-shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--dh-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--dh-shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--dh-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--dh-transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--dh-transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--dh-focus-ring:0 0 0 3px var(--dh-primary-light,#3b82f640);--dh-glass-bg:#ffffffd9;--dh-glass-border:#e2e8f0cc;--dh-glass-blur:16px}[data-theme=dark]{--dh-bg-main:#0b0f17;--dh-bg-card:#131b2e;--dh-bg-elevated:#1a243b;--dh-bg-hover:#1f2b45;--dh-bg-subtle:#162035;--dh-text-main:#f8fafc;--dh-text-secondary:#cbd5e1;--dh-text-muted:#94a3b8;--dh-text-disabled:#64748b;--dh-border:#243049;--dh-border-subtle:#1a243b;--dh-border-focus:var(--dh-primary);--dh-success:#34d399;--dh-success-hover:#10b981;--dh-success-light:#34d39929;--dh-success-border:#34d39966;--dh-danger:#f87171;--dh-danger-hover:#ef4444;--dh-danger-light:#f8717129;--dh-danger-border:#f8717166;--dh-warning:#fbbf24;--dh-warning-hover:#f59e0b;--dh-warning-light:#fbbf2429;--dh-warning-border:#fbbf2466;--dh-info:#38bdf8;--dh-info-hover:#0ea5e9;--dh-info-light:#38bdf829;--dh-info-border:#38bdf866;--dh-shadow-sm:0 1px 2px 0 #0006;--dh-shadow-md:0 4px 8px -1px #00000080, 0 2px 4px -2px #0006;--dh-shadow-lg:0 10px 20px -3px #0009, 0 4px 8px -4px #0006;--dh-shadow-xl:0 20px 30px -5px #000000b3, 0 8px 12px -6px #00000080;--dh-glass-bg:#131b2ed9;--dh-glass-border:#243049b3;--dh-glass-blur:16px;--dh-subj-bio:#34d399;--dh-subj-bio-bg:#34d39929;--dh-subj-bio-border:#34d39959;--dh-subj-chem:#22d3ee;--dh-subj-chem-bg:#22d3ee29;--dh-subj-chem-border:#22d3ee59;--dh-subj-phys:#a78bfa;--dh-subj-phys-bg:#a78bfa29;--dh-subj-phys-border:#a78bfa59;--dh-subj-eng:#fb7185;--dh-subj-eng-bg:#fb718529;--dh-subj-eng-border:#fb718559;--dh-subj-logic:#fbbf24;--dh-subj-logic-bg:#fbbf2429;--dh-subj-logic-border:#fbbf2459}:root,[data-theme-preset=default]{--dh-primary:#3b82f6;--dh-primary-hover:#2563eb;--dh-primary-active:#1d4ed8;--dh-primary-light:#3b82f61a;--dh-primary-border:#3b82f659;--dh-primary-rgb:59, 130, 246;--dh-primary-contrast:#fff}[data-theme=dark]:root,[data-theme=dark] [data-theme-preset=default],[data-theme=dark][data-theme-preset=default]{--dh-primary:#60a5fa;--dh-primary-hover:#3b82f6;--dh-primary-active:#2563eb;--dh-primary-light:#60a5fa29;--dh-primary-border:#60a5fa66;--dh-primary-rgb:96, 165, 250;--dh-primary-contrast:#0f172a}[data-theme-preset=emerald]{--dh-primary:#10b981;--dh-primary-hover:#059669;--dh-primary-active:#047857;--dh-primary-light:#10b9811a;--dh-primary-border:#10b98159;--dh-primary-rgb:16, 185, 129;--dh-primary-contrast:#fff}[data-theme=dark] [data-theme-preset=emerald],[data-theme=dark][data-theme-preset=emerald]{--dh-primary:#34d399;--dh-primary-hover:#10b981;--dh-primary-active:#059669;--dh-primary-light:#34d39929;--dh-primary-border:#34d39966;--dh-primary-rgb:52, 211, 153;--dh-primary-contrast:#064e3b}[data-theme-preset=rose]{--dh-primary:#f43f5e;--dh-primary-hover:#e11d48;--dh-primary-active:#be123c;--dh-primary-light:#f43f5e1a;--dh-primary-border:#f43f5e59;--dh-primary-rgb:244, 63, 94;--dh-primary-contrast:#fff}[data-theme=dark] [data-theme-preset=rose],[data-theme=dark][data-theme-preset=rose]{--dh-primary:#fb7185;--dh-primary-hover:#f43f5e;--dh-primary-active:#e11d48;--dh-primary-light:#fb718529;--dh-primary-border:#fb718566;--dh-primary-rgb:251, 113, 133;--dh-primary-contrast:#4c0519}[data-theme-preset=amber]{--dh-primary:#f59e0b;--dh-primary-hover:#d97706;--dh-primary-active:#b45309;--dh-primary-light:#f59e0b1a;--dh-primary-border:#f59e0b59;--dh-primary-rgb:245, 158, 11;--dh-primary-contrast:#fff}[data-theme=dark] [data-theme-preset=amber],[data-theme=dark][data-theme-preset=amber]{--dh-primary:#fbbf24;--dh-primary-hover:#f59e0b;--dh-primary-active:#d97706;--dh-primary-light:#fbbf2429;--dh-primary-border:#fbbf2466;--dh-primary-rgb:251, 191, 36;--dh-primary-contrast:#451a03}[data-theme-preset=slate]{--dh-primary:#64748b;--dh-primary-hover:#475569;--dh-primary-active:#334155;--dh-primary-light:#64748b1a;--dh-primary-border:#64748b59;--dh-primary-rgb:100, 116, 139;--dh-primary-contrast:#fff}[data-theme=dark] [data-theme-preset=slate],[data-theme=dark][data-theme-preset=slate]{--dh-primary:#94a3b8;--dh-primary-hover:#64748b;--dh-primary-active:#475569;--dh-primary-light:#94a3b829;--dh-primary-border:#94a3b866;--dh-primary-rgb:148, 163, 184;--dh-primary-contrast:#0f172a}:root{--surface:var(--dh-bg-card);--background:var(--dh-bg-main);--bg:var(--dh-bg-main);--bg-gradient-start:var(--dh-bg-main);--bg-gradient-end:var(--dh-bg-elevated);--text-primary:var(--dh-text-main);--text-secondary:var(--dh-text-secondary);--text-muted:var(--dh-text-muted);--text:var(--dh-text-secondary);--text-h:var(--dh-text-main);--primary:var(--dh-primary);--primary-light:var(--dh-primary-hover);--accent:var(--dh-primary);--accent-light:var(--dh-primary-hover);--accent-bg:var(--dh-primary-light);--accent-border:var(--dh-primary-border);--border:var(--dh-border);--success:var(--dh-success);--danger:var(--dh-danger);--warning:var(--dh-warning);--info:var(--dh-info);--shadow:var(--dh-shadow-md);--shadow-sm:var(--dh-shadow-sm);--shadow-md:var(--dh-shadow-md);--shadow-lg:var(--dh-shadow-lg);--shadow-xl:var(--dh-shadow-xl)}body{background-color:var(--dh-bg-main);color:var(--dh-text-main);font-family:var(--dh-font-sans)}[data-theme=dark]{--bs-body-bg:var(--dh-bg-main);--bs-body-color:var(--dh-text-main);--bs-emphasis-color:var(--dh-text-main);--bs-secondary-color:var(--dh-text-secondary);--bs-tertiary-bg:var(--dh-bg-elevated);--bs-card-bg:var(--dh-bg-card);--bs-card-color:var(--dh-text-main);--bs-card-border-color:var(--dh-border);--bs-border-color:var(--dh-border);--bs-border-color-translucent:var(--dh-border);--bs-modal-bg:var(--dh-bg-card);--bs-modal-color:var(--dh-text-main);--bs-modal-border-color:var(--dh-border);--bs-dropdown-bg:var(--dh-bg-card);--bs-dropdown-color:var(--dh-text-main);--bs-dropdown-link-color:var(--dh-text-main);--bs-dropdown-link-hover-bg:var(--dh-primary-light);--bs-dropdown-link-hover-color:var(--dh-primary);--bs-dropdown-border-color:var(--dh-border);--bs-table-bg:var(--dh-bg-card);--bs-table-color:var(--dh-text-main);--bs-table-border-color:var(--dh-border);--bs-table-striped-bg:#ffffff05;--bs-table-hover-bg:var(--dh-primary-light);--bs-list-group-bg:var(--dh-bg-card);--bs-list-group-color:var(--dh-text-main);--bs-list-group-border-color:var(--dh-border);--bs-link-color:var(--dh-primary);--bs-link-hover-color:var(--dh-primary-hover)}[data-theme=dark] .bg-white,[data-theme=dark] .bg-light{background-color:var(--dh-bg-card)!important;color:var(--dh-text-main)!important}[data-theme=dark] .text-dark,[data-theme=dark] .text-black{color:var(--dh-text-main)!important}[data-theme=dark] .text-secondary,[data-theme=dark] .text-muted{color:var(--dh-text-muted)!important}[data-theme=dark] .border,[data-theme=dark] .border-top,[data-theme=dark] .border-bottom,[data-theme=dark] .border-start,[data-theme=dark] .border-end{border-color:var(--dh-border)!important}[data-theme=dark] .card,[data-theme=dark] .modal-content,[data-theme=dark] .dropdown-menu{background-color:var(--dh-bg-card)!important;border-color:var(--dh-border)!important;color:var(--dh-text-main)!important}[data-theme=dark] .form-control,[data-theme=dark] .form-select{background-color:var(--dh-bg-elevated)!important;border-color:var(--dh-border)!important;color:var(--dh-text-main)!important}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{border-color:var(--dh-primary)!important;box-shadow:0 0 0 .25rem var(--dh-primary-light)!important}[data-theme=dark] .list-group-item{background-color:var(--dh-bg-card)!important;border-color:var(--dh-border)!important;color:var(--dh-text-main)!important}.dh-container,.container-app,.container-main{box-sizing:border-box;width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.container-wide{box-sizing:border-box;width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.container-narrow{box-sizing:border-box;width:100%;max-width:960px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media (width<=768px){.dh-container,.container-app,.container-main,.container-wide,.container-narrow{padding-left:1rem;padding-right:1rem}}.dh-card{background-color:var(--dh-bg-card);border:1px solid var(--dh-border);box-shadow:var(--dh-shadow-sm);transition:transform var(--dh-transition-normal), box-shadow var(--dh-transition-normal), border-color var(--dh-transition-normal);border-radius:16px}.dh-card:hover{box-shadow:var(--dh-shadow-md);border-color:var(--dh-border-focus)}.dh-badge-pill{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}:root{font:16px/150% var(--dh-font-sans);letter-spacing:-.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--dh-text-main);background-color:var(--dh-bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{background-color:var(--dh-bg-main);min-height:100vh;color:var(--dh-text-main);transition:background-color var(--dh-transition-normal), color var(--dh-transition-normal);margin:0;padding:0}#root{box-sizing:border-box;background-color:var(--dh-bg-main);flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--dh-font-sans);color:var(--dh-text-main);margin-top:0;font-weight:600}p{color:var(--dh-text-secondary);margin:0}a{color:var(--dh-primary);transition:color var(--dh-transition-fast);text-decoration:none}a:hover{color:var(--dh-primary-hover)}code,pre{font-family:var(--dh-font-mono);background-color:var(--dh-bg-elevated);color:var(--dh-text-main);border-radius:6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dh-bg-main)}::-webkit-scrollbar-thumb{background:var(--dh-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dh-text-muted)}::selection{background-color:var(--dh-primary-light);color:var(--dh-primary)}:root{--nav-height:64px;--nav-bg:var(--dh-bg-card,#fff);--nav-border:var(--dh-border,#00000012);--nav-shadow:var(--dh-shadow-sm,0 1px 24px #00000012);--nav-logo-color:var(--dh-text-main,#0f172a);--nav-link:var(--dh-text-secondary,#475569);--nav-link-hover:var(--dh-text-main,#0f172a);--nav-link-active:var(--dh-primary,#3b82f6);--nav-active-bg:var(--dh-primary-light,#3b82f614);--nav-dot:var(--dh-primary,#3b82f6);--dd-bg:var(--dh-bg-card,#fff);--dd-border:var(--dh-border,#00000014);--dd-shadow:var(--dh-shadow-lg,0 16px 52px #00000021);--dd-item-hover:var(--dh-bg-hover,#f8fafc);--dd-sep:var(--dh-border-subtle,#0000000f);--dd-danger:var(--dh-danger,#ef4444);--avatar-g:linear-gradient(135deg, var(--dh-primary), var(--dh-primary-hover));--cta-bg:var(--dh-primary,#3b82f6);--cta-hover:var(--dh-primary-hover,#2563eb);--badge-bg:var(--dh-danger,#ef4444);--mob-bg:var(--dh-bg-card,#fff);--mob-overlay:#00000080;--mob-item:var(--dh-text-main,#334155);--mob-item-hover:var(--dh-bg-hover,#f8fafc);--mob-section-c:var(--dh-text-muted,#94a3b8);--tog-bg:var(--dh-bg-elevated,#f1f5f9);--tog-hover:var(--dh-border,#e2e8f0);--tog-color:var(--dh-text-secondary,#475569);--text-muted:var(--dh-text-muted,#64748b);--transition:.2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--nav-bg:var(--dh-bg-card,#131b2e);--nav-border:var(--dh-border,#243049);--nav-shadow:var(--dh-shadow-lg,0 1px 32px #00000080);--nav-logo-color:var(--dh-text-main,#f8fafc);--nav-link:var(--dh-text-secondary,#cbd5e1);--nav-link-hover:var(--dh-text-main,#f8fafc);--nav-link-active:var(--dh-primary,#60a5fa);--nav-active-bg:var(--dh-primary-light,#60a5fa1f);--nav-dot:var(--dh-primary,#60a5fa);--dd-bg:var(--dh-bg-card,#131b2e);--dd-border:var(--dh-border,#243049);--dd-shadow:0 16px 52px #000000a6;--dd-item-hover:var(--dh-bg-hover,#1f2b45);--dd-sep:var(--dh-border-subtle,#1a243b);--dd-danger:var(--dh-danger,#f87171);--avatar-g:linear-gradient(135deg, var(--dh-primary), var(--dh-primary-hover));--cta-bg:var(--dh-primary,#3b82f6);--cta-hover:var(--dh-primary-hover,#60a5fa);--mob-bg:var(--dh-bg-main,#0b0f17);--mob-overlay:#000000bf;--mob-item:var(--dh-text-main,#f8fafc);--mob-item-hover:var(--dh-bg-hover,#1f2b45);--mob-section-c:var(--dh-text-muted,#94a3b8);--tog-bg:var(--dh-bg-elevated,#1a243b);--tog-hover:var(--dh-bg-hover,#1f2b45);--tog-color:var(--dh-text-secondary,#cbd5e1)}#dh-nav{top:0;z-index:1000;height:var(--nav-height);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow);transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);align-items:center;gap:.5rem;padding:0 1.25rem;font-family:DM Sans,system-ui,sans-serif;display:flex;position:fixed;inset-inline:0}body{padding-top:var(--nav-height)}.dh-logo{flex-shrink:0;align-items:center;gap:.55rem;margin-right:.5rem;text-decoration:none;display:flex}.dh-logo-icon{background:var(--avatar-g);color:#fff;width:34px;height:34px;transition:box-shadow var(--transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex;box-shadow:0 2px 12px #4f46e547}.dh-logo:hover .dh-logo-icon{box-shadow:0 4px 18px #4f46e56b}.dh-logo-text{color:var(--nav-logo-color);letter-spacing:-.3px;white-space:nowrap;transition:color var(--transition);font-size:15px;font-weight:700}.dh-links{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.dh-link{color:var(--nav-link);white-space:nowrap;cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:9px;align-items:center;gap:.38rem;padding:.42rem .72rem;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.dh-link i{font-size:14px;line-height:1}.dh-link:hover{color:var(--nav-link-hover);background:var(--nav-active-bg)}.dh-link.active,.dh-link.active-group{color:var(--nav-link-active);background:var(--nav-active-bg);font-weight:600}.dh-link.active:after,.dh-link.active-group:after{content:"";background:var(--nav-dot);border-radius:2px;width:16px;height:2.5px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.dh-chevron{transition:transform var(--transition);font-size:10px}.dh-chevron.rotated{transform:rotate(180deg)}.dh-dropdown-wrap,.dh-user-wrap{position:relative}.dh-dropdown,.dh-user-dd{background:var(--dd-bg);border:1px solid var(--dd-border);box-shadow:var(--dd-shadow);z-index:300;border-radius:16px;min-width:230px;padding:8px;animation:.18s both ddFadeIn;position:absolute;top:calc(100% + 10px)}@keyframes ddFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dh-dropdown.dh-dd-large{min-width:360px;padding:12px}.dh-dd-header{letter-spacing:.08em;text-transform:uppercase;color:var(--dh-text-muted);border-bottom:1px solid var(--dd-sep);margin-bottom:8px;padding:4px 8px 8px;font-size:11px;font-weight:800}.dh-dd-grid{grid-template-columns:1fr;gap:4px;display:grid}.dh-dd-card{transition:background var(--transition), transform var(--transition);background:0 0;border-radius:12px;align-items:flex-start;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.dh-dd-card:hover{background:var(--dd-item-hover);transform:translate(2px)}.dh-dd-card.active{background:var(--nav-active-bg)}.dh-dd-card.active .dh-dd-card-title{color:var(--nav-link-active)}.dh-dd-card-icon{background:var(--dh-primary-light);width:32px;height:32px;color:var(--dh-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.dh-dd-card-text{flex-direction:column;gap:2px;display:flex}.dh-dd-card-title{color:var(--dh-text-main);font-size:13.5px;font-weight:600;line-height:1.2}.dh-dd-card-desc{color:var(--dh-text-muted);font-size:11.5px;line-height:1.3}.dh-user-dd{left:auto;right:0;transform:none}.dh-dd-item{color:var(--dh-text-main);cursor:pointer;text-align:left;width:100%;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:10px;align-items:center;gap:.65rem;padding:.6rem .8rem;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.dh-dd-item .title{color:var(--dh-text-main);font-size:13.5px;font-weight:600;display:block}.dh-dd-item .sub{color:var(--dh-text-muted);font-size:11px;display:block}.dh-dd-item i{min-width:20px;color:var(--dh-primary);font-size:16px}.dh-dd-item:hover{background:var(--dd-item-hover);color:var(--nav-link-hover)}.dh-dd-item.active{color:var(--nav-link-active);font-weight:600}.dh-dd-item.danger,.dh-dd-item.danger i{color:var(--dd-danger)}.dh-dd-item.danger:hover{background:#ef444414}.dh-dd-sep{background:var(--dd-sep);height:1px;margin:6px 0}.dh-preset-picker-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.35rem .75rem .2rem;font-size:11px;font-weight:700}.dh-preset-swatches{align-items:center;gap:8px;padding:.35rem .75rem .5rem;display:flex}.dh-preset-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .15s,box-shadow .15s;position:relative}.dh-preset-swatch:hover{transform:scale(1.15)}.dh-preset-swatch.active{border-color:var(--dh-text-main);box-shadow:0 0 0 2px var(--dh-bg-card), 0 2px 6px #00000040;transform:scale(1.2)}.dh-mob-presets-row{flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1.1rem;display:flex}.dh-mob-presets-label{color:var(--mob-item);font-size:13.5px;font-weight:600}.dh-user-info{border-bottom:1px solid var(--dd-sep);margin-bottom:4px;padding:.7rem .75rem .6rem}.dh-user-info .name{color:var(--nav-logo-color);font-size:13.5px;font-weight:700;display:block}.dh-user-info .label{color:var(--text-muted);font-size:11.5px}.dh-actions{flex-shrink:0;align-items:center;gap:.42rem;margin-left:auto;display:flex}.dh-theme-btn,.dh-bell-btn{background:var(--tog-bg);width:36px;height:36px;color:var(--tog-color);cursor:pointer;transition:background var(--transition), color var(--transition);border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;text-decoration:none;display:flex;position:relative}.dh-theme-btn:hover,.dh-bell-btn:hover{background:var(--tog-hover);color:var(--nav-link-hover)}.dh-badge{background:var(--badge-bg);border:2px solid var(--nav-bg);border-radius:50%;width:7px;height:7px;display:none;position:absolute;top:5px;right:5px}.dh-bell-badge{color:#fff;border:2px solid var(--nav-bg);background:linear-gradient(135deg,#ff4b5c,#f62d51);border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) both badgeBounce;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #f62d5166}.dh-mob-bell-badge{color:#fff;background:linear-gradient(135deg,#ff4b5c,#f62d51);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 6px #f62d514d}@keyframes badgeBounce{0%{transform:scale(0)}to{transform:scale(1)}}.dh-cta{background:var(--cta-bg);cursor:pointer;white-space:nowrap;transition:background var(--transition), box-shadow var(--transition), transform var(--transition);border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:.42rem;padding:.48rem 1rem;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff!important}.dh-cta:hover{background:var(--cta-hover);transform:translateY(-1px);box-shadow:0 4px 16px #4f46e552}.dh-cta i{font-size:14px}.dh-user-btn{border:1px solid var(--nav-border);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:0 0;border-radius:10px;align-items:center;gap:.5rem;padding:4px 10px 4px 4px;font-family:inherit;display:flex}.dh-user-btn:hover{background:var(--tog-bg);border-color:var(--nav-link-active)}.dh-avatar{background:var(--avatar-g);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.dh-user-name{color:var(--nav-link);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:13px;font-weight:600;overflow:hidden}.dh-signin{border:1px solid var(--nav-border);color:var(--nav-link);white-space:nowrap;transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border-radius:9px;align-items:center;gap:.42rem;padding:.48rem 1rem;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.dh-signin:hover{background:var(--tog-bg);border-color:var(--nav-link-active);color:var(--nav-link-hover)}.dh-hamburger{background:var(--tog-bg);width:36px;height:36px;color:var(--tog-color);cursor:pointer;transition:background var(--transition);border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;display:none}.dh-hamburger:hover{background:var(--tog-hover)}.dh-mob-overlay{background:var(--mob-overlay);z-index:998;-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .28s;position:fixed;inset:0}.dh-mob-overlay.open{opacity:1;pointer-events:auto}.dh-mob-panel{background:var(--mob-bg);border-right:1px solid var(--nav-border);z-index:999;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dd-sep) transparent;flex-direction:column;width:min(310px,88vw);height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.dh-mob-panel.open{transform:translate(0)}.dh-mob-header{border-bottom:1px solid var(--dd-sep);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.1rem 1rem;display:flex}.dh-mob-close{background:var(--tog-bg);width:32px;height:32px;color:var(--tog-color);cursor:pointer;transition:background var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:flex}.dh-mob-close:hover{background:var(--tog-hover)}.dh-mob-user{border-bottom:1px solid var(--dd-sep);flex-shrink:0;align-items:center;gap:.7rem;padding:.9rem 1.1rem;display:flex}.dh-mob-avatar{background:var(--avatar-g);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:flex}.dh-mob-username{color:var(--nav-logo-color);font-size:14px;font-weight:700}.dh-mob-role{color:var(--text-muted);font-size:11.5px}.dh-mob-theme-row{flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.1rem;display:flex}.dh-mob-theme-label{color:var(--mob-item);align-items:center;gap:.5rem;font-size:13.5px;font-weight:600;display:flex}.dh-mob-theme-label i{font-size:16px}.dh-mob-theme-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.dh-mob-toggle{background:var(--tog-bg);border:1.5px solid var(--nav-border);border-radius:100px;width:44px;height:24px;transition:background .25s,border-color .25s;display:block;position:relative}.dh-mob-toggle:after{content:"";background:var(--tog-color);border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;position:absolute;top:2px;left:2px}.dh-mob-toggle.on{background:var(--cta-bg);border-color:var(--cta-bg)}.dh-mob-toggle.on:after{background:#fff;transform:translate(20px)}.dh-mob-section{letter-spacing:.1em;text-transform:uppercase;color:var(--mob-section-c);flex-shrink:0;padding:.85rem 1.1rem .25rem;font-size:10px;font-weight:800;display:block}.dh-mob-link{color:var(--mob-item);cursor:pointer;text-align:left;width:100%;transition:background var(--transition), color var(--transition);background:0 0;border:none;flex-shrink:0;align-items:center;gap:.75rem;padding:.65rem 1.1rem;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.dh-mob-link i{min-width:20px;font-size:16px}.dh-mob-link:hover{background:var(--mob-item-hover);color:var(--nav-link-active)}.dh-mob-link.active{color:var(--nav-link-active);background:var(--nav-active-bg);font-weight:700}.dh-mob-link.danger{color:var(--dd-danger)}.dh-mob-link.danger:hover{background:#ef444412}.dh-mob-sep{background:var(--dd-sep);flex-shrink:0;height:1px;margin:.4rem 1.1rem}.dh-mob-auth-btns{flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem 1.1rem;display:flex}.dh-mob-signin{border:1.5px solid var(--nav-border);color:var(--mob-item);transition:background var(--transition), border-color var(--transition);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:14px;font-weight:600;text-decoration:none;display:flex}.dh-mob-signin:hover{background:var(--mob-item-hover);border-color:var(--nav-link-active)}.dh-mob-cta{background:var(--cta-bg);transition:background var(--transition), box-shadow var(--transition);border-radius:11px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:14px;font-weight:700;text-decoration:none;display:flex;color:#fff!important}.dh-mob-cta:hover{background:var(--cta-hover);box-shadow:0 4px 16px #4f46e54d}@media (width<=1100px){.dh-user-name{display:none}}@media (width<=900px){.dh-links{display:none}.dh-hamburger{display:flex}.dh-cta span{display:none}.dh-cta{padding:.48rem .65rem}}@media (width<=640px){#dh-nav{padding:0 .85rem}.dh-signin,.dh-bell-btn{display:none}}@media (width<=380px){.dh-logo-text,.dh-cta{display:none}}:root{--ft-bg:#f8fafc;--ft-bg-top:#f1f5f9;--ft-border:#00000012;--ft-logo:#0f172a;--ft-heading:#0f172a;--ft-body:#64748b;--ft-link:#475569;--ft-link-hover:#2563eb;--ft-accent:#2563eb;--ft-accent-soft:#2563eb14;--ft-sep:#00000012;--ft-card-bg:#fff;--ft-card-border:#00000012;--ft-card-shadow:0 2px 16px #0000000f;--ft-badge-bg:#2563eb14;--ft-badge-color:#2563eb;--ft-dev-bg:#00000008;--ft-dev-border:#0000000f;--ft-dev-text:#94a3b8;--ft-social-bg:#fff;--ft-social-border:#00000014;--ft-social-hover:#2563eb;--ft-cta-bg:linear-gradient(135deg, #1d4ed8, #7c3aed);--ft-transition:.18s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--ft-bg:#0a0f1e;--ft-bg-top:#0f172a;--ft-border:#ffffff0f;--ft-logo:#f1f5f9;--ft-heading:#e2e8f0;--ft-body:#64748b;--ft-link:#94a3b8;--ft-link-hover:#60a5fa;--ft-accent:#60a5fa;--ft-accent-soft:#60a5fa14;--ft-sep:#ffffff0f;--ft-card-bg:#1e293b;--ft-card-border:#ffffff12;--ft-card-shadow:0 2px 20px #0000004d;--ft-badge-bg:#60a5fa1a;--ft-badge-color:#60a5fa;--ft-dev-bg:#ffffff08;--ft-dev-border:#ffffff0f;--ft-dev-text:#475569;--ft-social-bg:#1e293b;--ft-social-border:#ffffff14;--ft-social-hover:#60a5fa;--ft-cta-bg:linear-gradient(135deg, #1d4ed8, #7c3aed)}#dh-footer{background:var(--ft-bg);border-top:1px solid var(--ft-border);transition:background var(--ft-transition), border-color var(--ft-transition);font-family:DM Sans,sans-serif}.ft-guest{display:block}.ft-auth{display:none}.ft-cta-banner{background:var(--ft-cta-bg);text-align:center;padding:52px 40px;position:relative;overflow:hidden}.ft-cta-banner:before{content:"";pointer-events:none;background:radial-gradient(at 30%,#ffffff12 0%,#0000 60%),radial-gradient(at 75% 20%,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.ft-cta-badge{color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;background:#ffffff26;border-radius:20px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.ft-cta-title{color:#fff;letter-spacing:-.5px;margin:0 0 12px;font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.2}.ft-cta-sub{color:#ffffffbf;max-width:480px;margin:0 auto 28px;font-size:16px}.ft-cta-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.ft-btn-primary{background:var(--surface);color:#1d4ed8;transition:box-shadow var(--ft-transition), transform var(--ft-transition);border-radius:10px;align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.ft-btn-primary:hover{color:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 24px #0003}.ft-btn-outline{color:#fff;transition:background var(--ft-transition);background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;padding:12px 26px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.ft-btn-outline:hover{color:#fff;background:#ffffff2e}.ft-guest-main{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px 40px;max-width:1200px;margin:0 auto;padding:56px 40px 40px;display:grid}.ft-brand-logo{align-items:center;gap:10px;margin-bottom:16px;text-decoration:none;display:flex}.ft-brand-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex;box-shadow:0 2px 12px #2563eb4d}.ft-brand-name{color:var(--ft-logo);letter-spacing:-.3px;transition:color var(--ft-transition);font-size:16px;font-weight:800}.ft-brand-desc{color:var(--ft-body);max-width:280px;margin-bottom:22px;font-size:14px;line-height:1.65}.ft-socials{flex-wrap:wrap;gap:8px;display:flex}.ft-social-link{background:var(--ft-social-bg);border:1px solid var(--ft-social-border);width:36px;height:36px;color:var(--ft-link);transition:background var(--ft-transition), color var(--ft-transition), border-color var(--ft-transition), transform var(--ft-transition);border-radius:9px;justify-content:center;align-items:center;font-size:15px;text-decoration:none;display:flex}.ft-social-link:hover{background:var(--ft-social-hover);border-color:var(--ft-social-hover);color:#fff;transform:translateY(-2px)}.ft-col-title{letter-spacing:.07em;text-transform:uppercase;color:var(--ft-heading);margin:0 0 16px;font-size:12px;font-weight:700}.ft-col-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ft-col-links li a{color:var(--ft-link);transition:color var(--ft-transition);align-items:center;gap:7px;font-size:14px;text-decoration:none;display:flex}.ft-col-links li a i{opacity:.6;font-size:13px}.ft-col-links li a:hover{color:var(--ft-link-hover)}.ft-col-links li a:hover i{opacity:1}.ft-contact-item{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.ft-contact-item i{color:var(--ft-accent);flex-shrink:0;margin-top:2px;font-size:14px}.ft-contact-item span{color:var(--ft-link);font-size:13.5px;line-height:1.5}.ft-auth-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:22px 40px;display:flex}.ft-auth-brand{flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.ft-auth-brand-name{color:var(--ft-logo);letter-spacing:-.2px;font-size:14px;font-weight:700}.ft-auth-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ft-auth-link{color:var(--ft-link);transition:background var(--ft-transition), color var(--ft-transition);border-radius:7px;align-items:center;gap:5px;padding:5px 11px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.ft-auth-link:hover{background:var(--ft-accent-soft);color:var(--ft-link-hover)}.ft-auth-link i{font-size:12px}.ft-auth-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.ft-auth-year{color:var(--ft-body);font-size:12.5px}.ft-bottom{border-top:1px solid var(--ft-sep);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:18px 40px;display:flex}.ft-bottom-left{color:var(--ft-body);font-size:13px}.ft-bottom-right{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.ft-legal-link{color:var(--ft-body);transition:color var(--ft-transition);font-size:13px;text-decoration:none}.ft-legal-link:hover{color:var(--ft-link-hover)}.ft-dev-bar{background:var(--ft-dev-bg);border-top:1px solid var(--ft-dev-border);text-align:center;transition:background var(--ft-transition);padding:13px 40px}.ft-dev-text{color:var(--ft-dev-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.ft-dev-text i{font-size:12px}.ft-dev-link{color:var(--ft-dev-text);transition:color var(--ft-transition);font-weight:600;text-decoration:none}.ft-dev-link:hover{color:var(--ft-accent)}.ft-dev-sep{opacity:.35}@media (width<=960px){.ft-guest-main{grid-template-columns:1fr 1fr;gap:36px 32px;padding:40px 24px 32px}}@media (width<=640px){.ft-guest-main{grid-template-columns:1fr;gap:32px;padding:32px 20px 24px}.ft-cta-banner{padding:40px 20px}.ft-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 20px}.ft-auth-main{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 20px}.ft-dev-bar{padding:12px 20px}}.dh-mobile-bottom-nav{background:var(--dh-bg-card,#fff);border-top:1px solid var(--dh-border,#e5e7eb);z-index:990;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:64px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000f}@media (width<=768px){.dh-mobile-bottom-nav{display:block}}.dh-mobile-bottom-nav__inner{justify-content:space-around;align-items:center;max-width:600px;height:100%;margin:0 auto;padding:0 8px;display:flex}.dh-mobile-bottom-nav__item{color:var(--dh-text-secondary,#6b7280);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.dh-mobile-bottom-nav__icon{font-size:18px;line-height:1}.dh-mobile-bottom-nav__item--active{color:var(--dh-primary,#3b82f6);font-weight:700}.dh-mobile-bottom-nav__item--active .dh-mobile-bottom-nav__icon{transform:scale(1.15)}.dh-mobile-bottom-nav__item:active{transform:scale(.94)}.admin-sidebar{background-color:var(--dh-bg-card,#fff);border-right:1px solid var(--dh-border,#e2e8f0);z-index:1040;flex-direction:column;width:260px;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar__brand{border-bottom:1px solid var(--dh-border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 1.25rem;display:flex}.admin-sidebar__logo-link{align-items:center;gap:.75rem;text-decoration:none;display:flex}.admin-sidebar__logo-icon{background:linear-gradient(135deg, var(--dh-primary,#3b82f6) 0%, var(--dh-primary-hover,#1d4ed8) 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex;box-shadow:0 4px 10px #3b82f64d}.admin-sidebar__brand-name{color:var(--dh-text-main,#0f172a);letter-spacing:-.02em;font-size:1.05rem;font-weight:700;display:block}.admin-sidebar__brand-sub{color:var(--dh-primary,#3b82f6);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600;display:block}.admin-sidebar__close-btn{color:var(--dh-text-muted,#64748b);cursor:pointer;background:0 0;border:none;padding:.35rem;font-size:1.25rem;display:none}.admin-sidebar__nav-wrapper{flex:1;padding:1.25rem .85rem;overflow-y:auto}.admin-sidebar__group{margin-bottom:1.35rem}.admin-sidebar__group-title{color:var(--dh-text-muted,#94a3b8);letter-spacing:.06em;padding:0 .75rem .4rem;font-size:.6875rem;font-weight:700}.admin-sidebar__nav-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.admin-sidebar__nav-item{color:var(--dh-text-secondary,#475569);border-radius:8px;align-items:center;gap:.75rem;padding:.55rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.admin-sidebar__nav-item:hover{background-color:var(--dh-bg-hover,#f1f5f9);color:var(--dh-text-main,#0f172a)}.admin-sidebar__nav-item--active{background:var(--dh-primary-light,#3b82f61f);font-weight:600;color:var(--dh-primary,#3b82f6)!important}.admin-sidebar__nav-icon{color:var(--dh-text-muted,#64748b);font-size:1.05rem;transition:color .15s}.admin-sidebar__nav-item:hover .admin-sidebar__nav-icon,.admin-sidebar__nav-item--active .admin-sidebar__nav-icon{color:var(--dh-primary,#3b82f6)}.admin-sidebar__footer{border-top:1px solid var(--dh-border,#e2e8f0);background-color:var(--dh-bg-subtle,#f8fafc);flex-shrink:0;padding:1rem 1.25rem}.admin-sidebar__student-link{color:var(--dh-text-secondary,#64748b);border:1px solid var(--dh-border,#e2e8f0);background-color:var(--dh-bg-card,#fff);border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.admin-sidebar__student-link:hover{color:var(--dh-primary,#3b82f6);border-color:var(--dh-primary,#3b82f6)}.admin-sidebar-backdrop{display:none}@media (width<=991.98px){.admin-sidebar{box-shadow:var(--dh-shadow-lg,0 20px 25px -5px #00000026);transform:translate(-100%)}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__close-btn{display:flex}.admin-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1035;background-color:#0f172a80;display:block;position:fixed;inset:0}}.admin-header{background-color:var(--dh-bg-card,#fff);border-bottom:1px solid var(--dh-border,#e2e8f0);z-index:1020;justify-content:space-between;align-items:center;height:68px;padding:0 1.5rem;display:flex;position:sticky;top:0}.admin-header__left{align-items:center;gap:1rem;display:flex}.admin-header__menu-btn{color:var(--dh-text-main,#0f172a);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;display:none}.admin-header__badge-indicator{background-color:var(--dh-bg-subtle,#f1f5f9);border:1px solid var(--dh-border,#e2e8f0);color:var(--dh-text-secondary,#475569);border-radius:9999px;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-header__status-dot{background-color:var(--dh-success,#10b981);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #10b98140}.admin-header__right{align-items:center;gap:1rem;display:flex}.admin-header__icon-btn{border:1px solid var(--dh-border,#e2e8f0);background-color:var(--dh-bg-card,#fff);width:38px;height:38px;color:var(--dh-text-secondary,#475569);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:1.05rem;transition:all .15s;display:flex}.admin-header__icon-btn:hover{background-color:var(--dh-bg-hover,#f1f5f9);border-color:var(--dh-border-focus,#3b82f6)}.admin-header__profile-container{position:relative}.admin-header__profile-btn{border:1px solid var(--dh-border,#e2e8f0);background-color:var(--dh-bg-card,#fff);cursor:pointer;border-radius:10px;align-items:center;gap:.65rem;padding:.35rem .65rem;transition:all .15s;display:flex}.admin-header__profile-btn:hover{background-color:var(--dh-bg-hover,#f8fafc)}.admin-header__avatar{background-color:var(--dh-primary-light,#3b82f61f);width:32px;height:32px;color:var(--dh-primary,#3b82f6);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.admin-header__user-info{text-align:left;line-height:1.2}.admin-header__username{color:var(--dh-text-main,#0f172a);font-size:.8125rem;font-weight:600;display:block}.admin-header__user-role{color:var(--dh-text-muted,#64748b);font-size:.6875rem;display:block}.admin-header__dropdown-icon{color:var(--dh-text-muted,#64748b);font-size:.75rem;transition:transform .2s}.admin-header__dropdown-icon.open{transform:rotate(180deg)}.admin-header__dropdown-backdrop{z-index:1025;position:fixed;inset:0}.admin-header__dropdown-menu{background-color:var(--dh-bg-card,#fff);border:1px solid var(--dh-border,#e2e8f0);width:230px;box-shadow:var(--dh-shadow-lg,0 10px 25px -5px #0000001a);z-index:1030;border-radius:12px;padding:.5rem 0;animation:.15s ease-out dh-dropdown-in;position:absolute;top:calc(100% + 8px);right:0}.admin-header__dropdown-header{padding:.65rem 1rem}.admin-header__dropdown-header strong{color:var(--dh-text-main,#0f172a);font-size:.875rem;display:block}.admin-header__dropdown-header small{color:var(--dh-text-muted,#64748b);font-size:.75rem;display:block}.admin-header__dropdown-divider{background-color:var(--dh-border,#e2e8f0);height:1px;margin:.35rem 0}.admin-header__dropdown-item{color:var(--dh-text-secondary,#475569);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.55rem 1rem;font-size:.8125rem;text-decoration:none;transition:all .15s;display:flex}.admin-header__dropdown-item:hover{background-color:var(--dh-bg-hover,#f1f5f9);color:var(--dh-text-main,#0f172a)}.admin-header__dropdown-item--logout{color:var(--dh-danger,#ef4444)}.admin-header__dropdown-item--logout:hover{background-color:var(--dh-danger-light,#ef44441f);color:var(--dh-danger,#ef4444)}@media (width<=991.98px){.admin-header__menu-btn{display:flex}.admin-header__user-info{display:none}}.admin-app-layout{background-color:var(--dh-bg-main,#f8fafc);min-height:100vh;color:var(--dh-text-main,#0f172a);display:flex}.admin-app-body{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:260px;transition:margin-left .25s;display:flex}.admin-main-content{flex:1;padding:1.75rem;overflow-y:auto}.admin-content-container{width:100%;max-width:1440px;margin:0 auto}@media (width<=991.98px){.admin-app-body{margin-left:0}.admin-main-content{padding:1rem}}:root{--auth-visual-g:linear-gradient(145deg, #1e1b4b 0%, #312e81 40%, #4c1d95 100%);--auth-primary:var(--dh-primary,#aa3bff);--auth-primary-h:var(--dh-primary-hover,#9026df);--auth-surface:var(--dh-bg-card,#fff);--auth-bg:var(--dh-bg-main,#f9f9f9);--auth-text:var(--dh-text-main,#1a1a2e);--auth-muted:var(--dh-text-secondary,#6b6375);--auth-border:var(--dh-border,#e5e4e7);--auth-input-bg:var(--dh-bg-main,#f9f9f9);--auth-shadow:0 8px 40px #00000014, 0 2px 8px #0000000a;--auth-shadow-lg:0 20px 60px #0000001f, 0 4px 16px #0000000f;--auth-transition:.2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--auth-visual-g:linear-gradient(145deg, #0a0a1a 0%, #1a1745 40%, #2d1b69 100%);--auth-surface:var(--dh-bg-card,#1e1e1e);--auth-bg:var(--dh-bg-main,#121212);--auth-text:var(--dh-text-main,#f5f5f5);--auth-muted:var(--dh-text-secondary,#9ca3af);--auth-border:var(--dh-border,#2e303a);--auth-input-bg:#1a1a2e;--auth-shadow:0 8px 40px #0006, 0 2px 8px #0000004d;--auth-shadow-lg:0 20px 60px #0000008c, 0 4px 16px #0006}.auth-page{background:var(--auth-bg);min-height:100vh;margin-top:calc(-1 * var(--nav-height,64px));align-items:stretch;padding-top:0;display:flex}.auth-split{grid-template-columns:1fr 1fr;width:100%;min-height:100vh;display:grid}.auth-split--reg{grid-template-columns:45fr 55fr}.auth-visual{background:var(--auth-visual-g);justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.auth-visual__orb{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.auth-visual__orb--1{background:#a78bfa33;width:380px;height:380px;top:-80px;right:-80px}.auth-visual__orb--2{background:#6366f12e;width:280px;height:280px;bottom:-60px;left:-60px}.auth-visual__orb--3{background:#ec489924;width:200px;height:200px;bottom:30%;left:30%}.auth-visual__content{z-index:1;width:100%;max-width:420px;position:relative}.auth-visual__logo{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:17px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.8rem;font-size:1.6rem;display:flex}.auth-visual__title{color:#fff;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:800;line-height:1.15}.auth-visual__title span{background:linear-gradient(90deg,#c4b5fd,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-visual__quote{color:#ffffffa6;border-left:3px solid #a78bfa80;margin-bottom:2rem;padding-left:1rem;font-size:.88rem;font-style:italic;line-height:1.65}.auth-visual__list{flex-direction:column;gap:.9rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.auth-visual__list li{color:#ffffffe0;align-items:flex-start;gap:.7rem;font-size:.85rem;line-height:1.5;display:flex}.auth-visual__list li .bi{color:#a78bfa;flex-shrink:0;margin-top:.1rem;font-size:1rem}.auth-visual__trust{color:#ffffffb8;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.auth-visual__trust strong{color:#fff}.auth-trust-avatars{flex-direction:row-reverse;display:flex}.auth-trust-av{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:2.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:-8px;font-size:.7rem;font-weight:700;display:flex}.auth-trust-avatars .auth-trust-av:first-child{margin-right:0}.auth-perks{flex-direction:column;gap:.85rem;display:flex}.auth-perk{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;align-items:flex-start;gap:.85rem;padding:.75rem 1rem;display:flex}.auth-perk__icon{color:#c4b5fd;background:#a78bfa33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.auth-perk__title{color:#fff;font-size:.85rem;font-weight:700;line-height:1.2}.auth-perk__sub{color:#fff9;margin-top:.1rem;font-size:.74rem}.auth-form-side{background:var(--auth-surface);justify-content:center;align-items:center;padding:3rem 2rem;display:flex;overflow-y:auto}.auth-form-wrap{width:100%;max-width:420px}.auth-mob-logo{align-items:center;gap:.55rem;margin-bottom:2rem;text-decoration:none;display:none}.auth-mob-logo__icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;box-shadow:0 2px 12px #4f46e547}.auth-mob-logo__text{color:var(--auth-text);font-size:15px;font-weight:700}.auth-form-header{margin-bottom:1.8rem}.auth-form-header h1{color:var(--auth-text);letter-spacing:-.03em;margin-bottom:.3rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.auth-form-header p{color:var(--auth-muted);margin:0;font-size:.88rem}.auth-alert{border-radius:12px;align-items:flex-start;gap:.6rem;margin-bottom:1.2rem;padding:.8rem 1rem;font-size:.84rem;font-weight:500;line-height:1.5;display:flex}.auth-alert--error{color:#dc2626;background:#ef444414;border:1px solid #ef444440}[data-theme=dark] .auth-alert--error{color:#f87171}.auth-alert .bi{flex-shrink:0;margin-top:.1rem;font-size:1rem}.auth-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.auth-field{margin-bottom:1.1rem}.auth-label{color:var(--auth-text);align-items:center;gap:.35rem;margin-bottom:.42rem;font-size:.8rem;font-weight:700;display:flex}.auth-label__opt{color:var(--auth-muted);font-size:.7rem;font-weight:500}.auth-input-wrap{position:relative}.auth-input-icon{color:var(--auth-muted);pointer-events:none;transition:color var(--auth-transition);font-size:.95rem;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.auth-input-wrap:focus-within .auth-input-icon{color:var(--auth-primary)}.auth-input{background:var(--auth-input-bg);border:1.5px solid var(--auth-border);width:100%;color:var(--auth-text);font-size:.88rem;font-weight:500;font-family:var(--dh-font-sans,system-ui, sans-serif);transition:border-color var(--auth-transition), box-shadow var(--auth-transition), background var(--auth-transition);box-sizing:border-box;border-radius:12px;outline:none;padding:.72rem 1rem .72rem 2.55rem}.auth-input::placeholder{color:var(--auth-muted);opacity:.75}.auth-input:focus{border-color:var(--auth-primary);background:var(--auth-surface);box-shadow:0 0 0 3px #aa3bff1f}.auth-input--pad-r{padding-right:2.8rem}.auth-input--err{border-color:#ef4444!important}.auth-input--err:focus{box-shadow:0 0 0 3px #ef44441f!important}.auth-pass-toggle{color:var(--auth-muted);cursor:pointer;transition:color var(--auth-transition);background:0 0;border:none;border-radius:6px;align-items:center;padding:.25rem;font-size:1rem;line-height:1;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.auth-pass-toggle:hover{color:var(--auth-text)}.auth-field-error{color:#dc2626;margin-top:.35rem;font-size:.74rem;font-weight:500;display:block}[data-theme=dark] .auth-field-error{color:#f87171}.auth-strength{align-items:center;gap:.65rem;margin-top:.5rem;display:flex}.auth-strength__bars{flex:1;gap:.3rem;display:flex}.auth-strength__bar{background:var(--auth-border);border-radius:100px;flex:1;height:5px;transition:background .3s}.auth-strength__bar--weak{background:#ef4444}.auth-strength__bar--fair{background:#f59e0b}.auth-strength__bar--good{background:#10b981}.auth-strength__bar--strong{background:#059669}.auth-strength__label{text-align:right;flex-shrink:0;min-width:44px;font-size:.72rem;font-weight:700}.auth-strength__label--weak{color:#ef4444}.auth-strength__label--fair{color:#f59e0b}.auth-strength__label--good{color:#10b981}.auth-strength__label--strong{color:#059669}.auth-submit{background:linear-gradient(135deg, var(--auth-primary), #7c3aed);color:#fff;width:100%;font-size:.92rem;font-weight:700;font-family:var(--dh-font-sans,system-ui, sans-serif);cursor:pointer;transition:transform var(--auth-transition), box-shadow var(--auth-transition), opacity var(--auth-transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.85rem 1.5rem;display:flex;box-shadow:0 4px 18px #aa3bff52}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #aa3bff70}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-divider{color:var(--auth-muted);align-items:center;gap:.75rem;margin:1.3rem 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--auth-border);flex:1;height:1px}.auth-google-btn{border:1.5px solid var(--auth-border);background:var(--auth-surface);width:100%;color:var(--auth-text);font-size:.88rem;font-weight:600;font-family:var(--dh-font-sans,system-ui, sans-serif);cursor:pointer;transition:border-color var(--auth-transition), box-shadow var(--auth-transition), transform var(--auth-transition);border-radius:12px;justify-content:center;align-items:center;gap:.65rem;padding:.78rem 1.5rem;display:flex}.auth-google-btn:hover{border-color:var(--auth-primary);transform:translateY(-1px);box-shadow:0 2px 12px #aa3bff1f}.auth-switch{text-align:center;color:var(--auth-muted);margin-top:1.2rem;margin-bottom:0;font-size:.83rem}.auth-switch a{color:var(--auth-primary);font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-terms{color:var(--auth-muted);margin-top:.75rem;margin-bottom:.5rem;font-size:.75rem;line-height:1.6}.auth-terms a{color:var(--auth-primary);font-weight:600;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex}.auth-success-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.4rem;font-size:2.2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both auth-pop;display:flex;box-shadow:0 8px 32px #10b98152}@keyframes auth-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.auth-success-title{color:var(--auth-text);letter-spacing:-.03em;margin-bottom:.4rem;font-size:1.75rem;font-weight:800}.auth-success-sub{color:var(--auth-muted);margin-bottom:1.8rem;font-size:.9rem}.auth-success-bar{background:var(--auth-border);border-radius:100px;width:220px;height:5px;overflow:hidden}.auth-success-bar__fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:100px;height:100%;animation:2.2s linear forwards auth-bar}@keyframes auth-bar{0%{width:0%}to{width:100%}}@media (width<=860px){.auth-page{padding-top:var(--nav-height,64px);margin-top:0}.auth-split,.auth-split--reg{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{min-height:calc(100vh - var(--nav-height,64px));padding:2.5rem 1.5rem}.auth-mob-logo{display:flex}.auth-form-header h1{font-size:1.6rem}}@media (width<=480px){.auth-form-side{padding:2rem 1.1rem}.auth-form-wrap{max-width:100%}.auth-row{grid-template-columns:1fr;gap:0}.auth-input{padding:.68rem .9rem .68rem 2.4rem;font-size:.85rem}.auth-submit{padding:.78rem 1.2rem;font-size:.88rem}.auth-form-header h1{font-size:1.4rem}}@media (width>=861px){.auth-mob-logo{display:none}}.superadmin-login-page{color:#f8fafc;background:radial-gradient(circle at top,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex}.superadmin-login-card{-webkit-backdrop-filter:blur(16px);background:#1e293bd9;border:1px solid #ffffff1a;border-radius:1.25rem;width:100%;max-width:440px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.superadmin-badge-wrap{justify-content:center;margin-bottom:1.25rem;display:flex}.superadmin-badge-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.65rem;display:flex;box-shadow:0 10px 20px -5px #3b82f680}.superadmin-header{text-align:center;margin-bottom:2rem}.superadmin-header h1{color:#fff;letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.6rem;font-weight:700}.superadmin-header p{color:#94a3b8;margin:0;font-size:.875rem}.superadmin-alert{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.4;display:flex}.superadmin-field{margin-bottom:1.35rem}.superadmin-field label{color:#cbd5e1;letter-spacing:.01em;margin-bottom:.5rem;font-size:.825rem;font-weight:600;display:block}.superadmin-input-wrap{align-items:center;display:flex;position:relative}.superadmin-input-icon{color:#64748b;pointer-events:none;font-size:1.05rem;position:absolute;left:1rem}.superadmin-input{color:#f8fafc;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:.75rem;outline:none;width:100%;height:48px;padding:0 1rem 0 2.75rem;font-size:.95rem;transition:all .2s}.superadmin-input:focus{background:#0f172ae6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.superadmin-input--pad-r{padding-right:2.75rem}.superadmin-pass-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;font-size:1.1rem;transition:color .15s;display:flex;position:absolute;right:.75rem}.superadmin-pass-toggle:hover{color:#cbd5e1}.superadmin-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;height:48px;margin-top:1.75rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb59}.superadmin-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.superadmin-submit-btn:disabled{opacity:.65;cursor:not-allowed}.superadmin-footer{text-align:center;border-top:1px solid #ffffff14;margin-top:1.75rem;padding-top:1.25rem}.superadmin-back-link{color:#94a3b8;align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}.superadmin-back-link:hover{color:#60a5fa}:root{--neon-blue:#49c8ff;--neon-cyan:#66fff2;--neon-green:#a8ff78;--soft-lavender:#d8c6ff;--text-primary:#0f1117;--text-secondary:#4a5568;--glass-bg:#ffffffa6;--glass-border:#ffffff80;--border-light:#49c8ff2e;--neon-glow-shadow:0 0 25px #49c8ff33}.landing-page-root{color:var(--text-primary);background:linear-gradient(135deg,#f8fcff 0%,#f6fff9 100%);min-height:100vh;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.landing-heading-font{letter-spacing:-.03em;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-weight:800}.backdrop-blur-shapes{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blur-shape{filter:blur(140px);opacity:.35;mix-blend-mode:multiply;border-radius:50%;animation:20s ease-in-out infinite floatShape;position:absolute}.shape-1{background-color:var(--neon-blue);width:450px;height:450px;animation-delay:0s;top:10%;right:5%}.shape-2{background-color:var(--neon-green);width:500px;height:500px;animation-delay:-5s;bottom:15%;left:5%}.shape-3{background-color:var(--soft-lavender);width:350px;height:350px;animation-delay:-10s;top:40%;right:40%}@keyframes floatShape{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.95)}}@keyframes floatCardSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.5deg)}}@keyframes floatCardMedium{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(-1deg)}}@keyframes floatCardFast{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(.8deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 8px 32px #49c8ff14}50%{box-shadow:0 8px 40px #49c8ff38}}@keyframes scrollBounce{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:.4;transform:translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes driftParticle{0%{opacity:0;transform:translateY(100vh)translate(0)}50%{opacity:.6}to{opacity:0;transform:translateY(-10vh)translate(50px)}}.particle-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background-color:var(--neon-cyan);width:6px;height:6px;box-shadow:0 0 10px var(--neon-cyan);border-radius:50%;animation:15s linear infinite driftParticle;position:absolute;bottom:0}.premium-hero-container{z-index:10;align-items:center;min-height:calc(100vh - 80px);padding:5rem 0 3rem;display:flex;position:relative}.hero-text-content{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.premium-headline{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.6rem,5.5vw,4.4rem);line-height:1.1}.headline-highlight{background:linear-gradient(90deg,#49c8ff,#a8ff78);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.premium-subheadline{color:var(--text-secondary);max-width:580px;margin-bottom:2.5rem;font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1.6}.premium-btn-primary{background:linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-green) 100%);border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:.5rem;padding:.68rem 1.6rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 15px #49c8ff2e;color:#0f1117!important}.premium-btn-primary:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 8px 22px #49c8ff52;color:#0f1117!important}.premium-btn-primary:active{transform:translateY(0)scale(.97);box-shadow:0 3px 10px #49c8ff26}.premium-btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #49c8ff40;border-radius:30px;align-items:center;gap:.5rem;padding:.68rem 1.6rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;color:var(--text-primary)!important}.premium-btn-secondary:hover{border-color:var(--neon-blue);background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 16px #49c8ff14;color:var(--text-primary)!important}.premium-btn-secondary:active{transform:translateY(0)scale(.97)}.trust-indicator-container{border-top:1px solid #49c8ff26;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:480px;margin-top:3rem;padding-top:2rem;display:grid}.trust-item{color:var(--text-primary);align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;display:flex}.trust-check-icon{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.15rem;display:flex}.mockup-dashboard-layout{justify-content:center;align-items:center;width:100%;height:600px;display:flex;position:relative}.floating-glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);cursor:pointer;border-radius:20px;padding:1.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:0 8px 32px #1f26870d}.floating-glass-card:hover{border-color:var(--neon-blue);box-shadow:0 15px 35px #49c8ff40;z-index:100!important;transform:translateY(-8px)scale(1.03)!important}.card-quiz-builder{z-index:5;width:260px;animation:6s ease-in-out infinite floatCardSlow;top:5%;left:0%}.card-live-duel{z-index:4;width:250px;animation:5s ease-in-out infinite floatCardMedium;top:15%;right:0%}.card-score-prediction{z-index:6;width:240px;box-shadow:var(--neon-glow-shadow);border:1.5px solid #49c8ff40;animation:4.5s ease-in-out -1s infinite floatCardFast;top:38%;left:10%}.card-mistakes-diary{z-index:3;width:250px;animation:7s ease-in-out -2s infinite floatCardSlow;bottom:8%;right:5%}.card-battle-royale{z-index:4;width:230px;animation:5.5s ease-in-out infinite floatCardMedium;bottom:2%;left:5%}.card-title-row{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.95rem;font-weight:700;display:flex}.card-icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.bg-light-blue{color:#07f;background:#49c8ff26}.bg-light-green{color:#2e7d32;background:#a8ff7840}.bg-light-purple{color:#6a1b9a;background:#d8c6ff40}.bg-light-pink{color:#c2185b;background:#ff66f226}.subject-tag-row{gap:.4rem;margin-bottom:.8rem;display:flex}.subject-tag{background:#0000000a;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.quiz-builder-action{color:#0f1117;background:var(--neon-green);border:none;border-radius:8px;width:100%;padding:.4rem;font-size:.8rem;font-weight:700;transition:opacity .2s}.duel-avatars{justify-content:space-around;align-items:center;margin-bottom:.5rem;display:flex}.duel-avatar-circle{background:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.duel-versus-tag{color:var(--text-secondary);background:#edf2f7;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:800}.prediction-large-number{text-align:center;color:var(--text-primary);background:linear-gradient(135deg,#07f 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.4rem 0;font-size:2.2rem;font-weight:900}.prediction-label{color:var(--text-secondary);text-align:center;font-size:.75rem;font-weight:700}.mistake-badge{color:#f05;text-align:center;background:#ff005514;border:1px solid #f053;border-radius:8px;padding:.4rem;font-size:.85rem;font-weight:700}.battle-royale-ranks{color:var(--text-secondary);font-size:.8rem;font-weight:600}.battle-row{border-bottom:1px solid #0000000a;justify-content:space-between;padding:.2rem 0;display:flex}.scroll-indicator-wrapper{z-index:10;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-indicator-mouse{border:2px solid var(--text-secondary);border-radius:20px;width:24px;height:40px;animation:2s ease-in-out infinite scrollBounce;position:relative}.scroll-indicator-wheel{background-color:var(--neon-blue);border-radius:2px;width:4px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.scroll-indicator-text{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}@media (width<=991px){.premium-hero-container{text-align:center;padding:3rem 0}.premium-subheadline{margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center}.trust-indicator-container{margin-left:auto;margin-right:auto}.mockup-dashboard-layout{height:480px;margin-top:3rem}.floating-glass-card{transform:scale(.85)!important}.card-quiz-builder{top:0%;left:0%}.card-live-duel{top:8%;right:-5%}.card-score-prediction{top:32%;left:15%}.card-mistakes-diary{bottom:0%;right:-5%}.card-battle-royale{bottom:-5%;left:-5%}}.features-section{background-image:radial-gradient(circle,#66fff208 0%,#0000 60%);padding:8rem 0;position:relative}.features-header{text-align:center;margin-bottom:5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.features-title{color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(2rem,4vw,3.2rem)}.features-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);cursor:pointer;background:#fff9;border-radius:24px;flex-direction:column;height:100%;padding:2.2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--neon-blue);background:#ffffffd9;transform:translateY(-8px);box-shadow:0 20px 40px #49c8ff1f}.feature-card-glow-blob{filter:blur(35px);opacity:.12;pointer-events:none;border-radius:50%;width:100px;height:100px;transition:all .4s;position:absolute;top:-30px;right:-30px}.feature-card:hover .feature-card-glow-blob{opacity:.3;transform:scale(1.3)}.feature-icon-container{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.8rem;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 10px #00000005}.feature-card:hover .feature-icon-container{transform:scale(1.08)rotate(3deg)}.feature-detail-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#0f11174d;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.feature-detail-modal{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffffe0;border:1px solid #fff9;border-radius:28px;width:100%;max-width:720px;max-height:90vh;padding:2.8rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp;position:relative;overflow-y:auto;box-shadow:0 30px 60px #0f111726}.modal-close-btn{cursor:pointer;background:#ffffffe6;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{background:#f1f5f9;transform:rotate(90deg)}.modal-header-section{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.modal-header-icon{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}.modal-feature-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700}.feature-simulator-box{background:#ffffff80;border:1px solid #49c8ff1f;border-radius:20px;margin:2rem 0;padding:1.5rem;box-shadow:inset 0 2px 8px #00000003}.simulator-title-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:block}.mistakes-simulator-tags{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.mistake-sim-tag{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s}.mistake-sim-tag.active{color:#f05;background:#ff005514;border-color:#f05}.predictor-slider-container{text-align:center}.predictor-sim-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:5px;outline:none;width:100%;height:6px;margin:1.5rem 0}.predictor-sim-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon-blue);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 6px #00000026}.predictor-sim-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.tutor-sim-chatbox{flex-direction:column;gap:1rem;display:flex}.tutor-bubble{border-radius:16px;max-width:85%;padding:.8rem 1.2rem;font-size:.92rem;line-height:1.4}.tutor-bubble-user{color:var(--text-primary);background:#edf2f7;border-bottom-right-radius:4px;align-self:flex-end}.tutor-bubble-ai{color:var(--text-primary);background:#49c8ff14;border:1px solid #49c8ff26;border-bottom-left-radius:4px;align-self:flex-start}.tutor-prompt-chips{gap:.5rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.tutor-prompt-chip{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #49c8ff33;border-radius:20px;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:all .2s}.tutor-prompt-chip:hover{border-color:var(--neon-blue);background:#49c8ff0d}.modal-bullet-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.modal-bullet-item{align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;display:flex}.immersive-practice-section{background-color:#f8fcff66;background-image:radial-gradient(circle at 10% 20%,#49c8ff0a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#a8ff780a 0%,#0000 40%);border-top:1px solid #49c8ff14;border-bottom:1px solid #49c8ff14;padding:8rem 0;position:relative}.section-pretitle{letter-spacing:.2em;color:#07f;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.timeline-interactive-wrapper{padding-left:2.8rem;position:relative}.timeline-active-connector-line{background:linear-gradient(180deg, var(--neon-blue) 0%, var(--neon-green) 30%, var(--soft-lavender) 65%, #ff66f2 100%);opacity:.4;z-index:1;width:2px;position:absolute;top:1.5rem;bottom:1.5rem;left:1.15rem}.timeline-step-item{cursor:pointer;z-index:2;margin-bottom:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.timeline-step-item:last-child{margin-bottom:0}.timeline-indicator-node{z-index:3;background:#fff;border:2px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex;position:absolute;top:.4rem;left:-2.8rem}.timeline-indicator-node .node-number{color:var(--text-secondary);font-size:.9rem;font-weight:800}.timeline-step-content-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #0000000a;border-radius:18px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.timeline-step-item:hover .timeline-step-content-card{background:#ffffffd9;border-color:#49c8ff33;transform:translate(6px);box-shadow:0 10px 25px #49c8ff0d}.timeline-step-item.active .timeline-indicator-node{background:var(--step-accent);border-color:var(--step-accent);box-shadow:0 0 15px var(--step-accent)}.timeline-step-item.active .timeline-indicator-node .node-number{color:#0f1117}.timeline-step-item.active .timeline-step-content-card{border-color:var(--step-accent);background:#fff;transform:translate(10px)scale(1.01);box-shadow:0 12px 30px #0000000a,0 0 20px #49c8ff0d}.timeline-step-content-card .step-title{color:var(--text-primary);font-size:1.15rem;font-weight:700;transition:color .2s}.timeline-step-item.active .timeline-step-content-card .step-title{color:#0f1117}.timeline-step-content-card .step-badge{border:1px solid #0000;border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.step-subtitle-text{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.timeline-step-item.active .step-subtitle-text{color:var(--text-primary)}.futuristic-dashboard-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #49c8ff33;border-radius:24px;width:100%;padding:2.2rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #49c8ff14}.hud-corner{border-color:var(--neon-blue);pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}.dashboard-frame-header{border-bottom:1px solid #49c8ff26;margin-bottom:1.8rem;padding-bottom:1.25rem}.pulse-indicator-dot{background-color:var(--neon-green);width:8px;height:8px;box-shadow:0 0 8px var(--neon-green);border-radius:50%;display:inline-block}.neon-blink{animation:1.5s ease-in-out infinite neonBlinking}@keyframes neonBlinking{0%,to{opacity:.3}50%{opacity:1}}.dashboard-tech-id{letter-spacing:.08em;color:var(--text-secondary);font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:800}.dashboard-metadata{color:#07f;background:#49c8ff14;border-radius:4px;padding:.15rem .4rem;font-family:monospace;font-size:.68rem;font-weight:700}.subview-header-title{color:var(--text-primary);font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:800}.hud-metric-pill{color:#07f;background:#49c8ff14;border:1px solid #49c8ff26;border-radius:6px;padding:.25rem .6rem;font-family:monospace;font-size:.75rem;font-weight:700}.tech-input-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.7rem;font-weight:800;display:block}.subject-tech-toggle{color:var(--text-primary);background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.subject-tech-toggle.active{border-color:var(--neon-blue);background:#fffffff2;box-shadow:0 4px 12px #49c8ff14}.tag-dot{border-radius:50%;width:10px;height:10px}.badge-count{color:var(--text-secondary);font-family:monospace;font-size:.75rem;font-weight:700}.live-preview-metric{background:linear-gradient(135deg,#07f 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:2.2rem;font-weight:900;display:block}.custom-gen-box{background:#00000003;margin-top:1.5rem;border:1px dashed #49c8ff33!important}.tech-running-log{color:#07f;text-align:left;font-size:.75rem;line-height:1.5}.tech-stat-card{background:#fff;border:1px solid #0000000d;border-radius:14px;padding:.8rem;box-shadow:0 4px 10px #00000003}.tech-stat-label{letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.2rem;font-size:.65rem;font-weight:800;display:block}.tech-stat-value{font-size:1.15rem;font-weight:800}.bg-success-glow{background:#10b98114!important}.border-success-glow{border-color:#10b98133!important}.bg-warning-glow{background:#f59e0b14!important}.border-warning-glow{border-color:#f59e0b33!important}.bg-danger-glow{background:#ef44440f!important}.border-danger-glow{border-color:#ef444426!important}.bg-purple-glow{background:#b24bf314!important}.border-purple-glow{border-color:#b24bf333!important}.mock-mcq-player-box{background:#fff;border:1px solid #0000000f;box-shadow:0 4px 12px #00000003}.flag-action-pill{cursor:pointer;background:#00000008;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .6rem;transition:all .2s;display:flex}.flag-action-pill:hover{background:#0000000f}.flag-action-pill.active{color:#d97706;background:#f59e0b14}.tech-mcq-option{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.tech-mcq-option:hover{border-color:var(--neon-blue);background:#49c8ff05;transform:translate(4px)}.tech-mcq-option.active{background:#0077ff0a;border-color:#07f;box-shadow:0 4px 12px #0077ff14}.option-letter{width:24px;height:24px;color:var(--text-secondary);background:#edf2f7;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;transition:all .2s;display:flex}.tech-mcq-option.active .option-letter{color:#fff;background:#07f}.option-text{color:var(--text-primary);font-size:.85rem;font-weight:600}.province-tech-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1rem;transition:all .2s;display:flex}.province-tech-card:hover{border-color:var(--soft-lavender);background:#d8c6ff0a}.province-tech-card.active{background:#b24bf308;border-color:#b24bf3;box-shadow:0 4px 12px #b24bf30f}.province-name{font-size:.85rem;font-weight:700}.active-dot{background-color:#b24bf3;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #b24bf3}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards visualFadeIn}@keyframes visualFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards visualScaleUp}@keyframes visualScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.practice-zone-stats-grid{border-color:#49c8ff26!important;margin-top:6rem!important}.stat-card-glow{padding:1.5rem;transition:all .3s}.stat-metric-number{background:linear-gradient(135deg,#0f1117 30%,#07f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:3.2rem;font-weight:900;line-height:1;display:block}.stat-metric-symbol{letter-spacing:.15em;color:#07f;margin-top:.4rem;font-size:.75rem;font-weight:800;display:block}.stat-metric-desc{color:var(--text-secondary);max-width:290px;margin:0 auto;font-size:.85rem;line-height:1.5}@media (width<=991px){.timeline-interactive-wrapper{padding-left:0}.timeline-active-connector-line,.timeline-indicator-node{display:none}.timeline-step-content-card{border-color:#00000014!important}.practice-zone-stats-grid .col-md-4{margin-bottom:2rem;border:none!important}}.relative{position:relative!important}.premium-analytics-section{z-index:10;background-image:radial-gradient(circle at 80% 20%,#b24bf308 0%,#0000 40%),radial-gradient(circle at 20% 80%,#49c8ff08 0%,#0000 40%);border-bottom:1px solid #49c8ff14;padding:8rem 0;position:relative}.bg-light-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3!important;border:1px solid #49c8ff26!important;box-shadow:0 8px 32px #49c8ff05!important}.btn-cyan{font-weight:700;box-shadow:0 4px 14px #49c8ff40;background:linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-cyan) 100%)!important;color:#0f1117!important;border:1px solid #fff6!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 18px #49c8ff66}.floating-analytics-tooltip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;pointer-events:none;background:#ffffffd9;border:1.5px solid #49c8ff40;border-radius:20px;width:240px;padding:1.25rem;animation:6s ease-in-out infinite floatCardSlow;position:absolute;top:30px;right:30px;box-shadow:0 15px 35px #49c8ff1f,0 0 20px #49c8ff0a}.svg-plot-wrapper{width:100%;height:220px;margin:1.5rem 0 1rem;position:relative;overflow:visible}.tech-svg-chart{width:100%;height:100%;overflow:visible}.chart-stroke-flow{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2.2s cubic-bezier(.16,1,.3,1) forwards drawLineChart}@keyframes drawLineChart{to{stroke-dashoffset:0}}.animate-pulse{animation:2s ease-in-out infinite svgDotPulse}@keyframes svgDotPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 8px);transform:scale(1.3)}}.premium-analytics-section .progress{background:#00000008;border:1px solid #49c8ff0d;border-radius:4px;height:8px;overflow:visible}.premium-analytics-section .progress-bar{border-radius:4px;position:relative;box-shadow:0 2px 6px #0000000d}.premium-analytics-section .progress-bar:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%) 0 0/200% 100%;animation:2.5s linear infinite progressShimmer;position:absolute;inset:0}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.diagnostic-item{transition:all .3s cubic-bezier(.16,1,.3,1)}.diagnostic-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44440f}circle{transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}@media (width<=991px){.premium-analytics-section{padding:5rem 0}.floating-analytics-tooltip{pointer-events:auto;width:100%;margin-bottom:2rem;animation:none;position:relative;top:0;right:0;transform:none!important}.svg-plot-wrapper{height:180px}}.mistakes-to-success-section{z-index:10;background-color:#f8fcff4d;background-image:radial-gradient(circle at 30% 20%,#49c8ff05 0%,#0000 40%),radial-gradient(circle at 70% 80%,#a8ff7805 0%,#0000 40%);border-bottom:1px solid #49c8ff14;padding:8rem 0;position:relative}.mistakes-visual-timeline-container{max-width:900px;margin:0 auto;padding:2.5rem 0;position:relative}.mistakes-timeline-connector-line{z-index:1;background:#0000000f;height:2px;position:absolute;top:50%;left:3rem;right:3rem;transform:translateY(-50%)}.mistakes-timeline-progress-fill{background:linear-gradient(90deg,#f05 0%,#49c8ff 35%,#b24bf3 70%,#a8ff78 100%);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #49c8ff4d}.timeline-flow-node{cursor:pointer;z-index:2;flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.flow-node-icon-wrapper{width:48px;height:48px;color:var(--text-secondary);background:#fff;border:2px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #00000005}.flow-node-label{color:var(--text-secondary);margin-top:.75rem;font-size:.75rem;font-weight:700;transition:all .3s}.flow-node-sub{color:#00000026;font-size:.65rem;font-weight:800;transition:all .3s;position:absolute;top:-1.4rem}.timeline-flow-node:hover .flow-node-icon-wrapper{border-color:var(--node-accent);transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #0000000a}.timeline-flow-node.visited .flow-node-icon-wrapper{color:var(--node-accent);border-color:var(--node-accent);box-shadow:0 0 15px #49c8ff14}.timeline-flow-node.active .flow-node-icon-wrapper{background:var(--node-accent);border-color:var(--node-accent);box-shadow:0 0 20px var(--node-accent);transform:scale(1.1);color:#0f1117!important}.timeline-flow-node.active .flow-node-label{color:var(--text-primary);font-weight:800}.timeline-flow-node.active .flow-node-sub{color:var(--node-accent)}.minimal-mistake-card{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:18px;padding:1.1rem 1.4rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.minimal-mistake-card:hover{background:#fffffff2;border-color:#49c8ff26;transform:translate(4px);box-shadow:0 8px 20px #49c8ff08}.minimal-mistake-card.active{border-color:var(--card-accent);background:#fff;transform:translate(8px);box-shadow:0 10px 25px #00000005,0 0 15px #49c8ff0a}.card-icon-box{width:40px;height:40px;color:var(--text-secondary);background:#00000008;border-radius:12px;justify-content:center;align-items:center;font-size:1.15rem;transition:all .3s;display:flex}.minimal-mistake-card.active .card-icon-box{background:var(--card-accent);color:#0f1117}.card-heading{color:var(--text-primary);font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.card-metric-badge{color:var(--text-secondary);background:#0000000a;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:800}.minimal-mistake-card.active .card-metric-badge{color:var(--text-primary);background:#00000014}.card-body-text{color:var(--text-secondary);font-size:.8rem;line-height:1.4}@media (width<=991px){.mistakes-to-success-section{padding:5rem 0}.mistakes-timeline-connector-line{display:none}.mistakes-visual-timeline-container{padding:1rem 0}.timeline-flow-node{background:#fff;border:1px solid #0000000d;border-radius:14px;flex-direction:row;justify-content:flex-start;gap:1rem;width:100%;margin-bottom:.8rem;padding:.75rem 1rem}.timeline-flow-node:last-child{margin-bottom:0}.flow-node-sub{margin-left:auto;position:static}.timeline-flow-node.active{transform:translateY(-2px)}.minimal-mistake-card{margin-bottom:.8rem}.minimal-mistake-card.active{transform:none}}.minimal-mistake-card.active{border-color:var(--card-accent)!important;box-shadow:0 10px 30px #00000003, 0 0 25px -5px var(--card-accent), 0 0 15px -10px var(--card-accent)!important}.btn-success-glow{color:#10b981!important;background:#10b9810a!important;border-color:#10b98140!important}.btn-success-glow:hover{box-shadow:0 0 15px #10b98126;background:#10b98114!important}.btn-danger-glow{color:#ef4444!important;background:#ef44440a!important;border-color:#ef444440!important}.btn-danger-glow:hover{box-shadow:0 0 15px #ef444426;background:#ef444414!important}.scanner-effect-wrapper{position:relative}.laser-scanner-line{opacity:.8;z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000,#b24bf3 50%,#0000);height:2px;animation:3.5s linear infinite laserScanVertical;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #b24bf3,0 0 12px #b24bf3}@keyframes laserScanVertical{0%{top:0%}50%{top:100%}to{top:0%}}.active-calendar-day{animation:2s ease-in-out infinite activeDayPulse}@keyframes activeDayPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.multiplayer-showcase-section{z-index:10;background-color:#f8fafc;background-image:radial-gradient(circle at 10% 30%,#00e5ff08 0%,#0000 50%),radial-gradient(circle at 90% 70%,#00ff8708 0%,#0000 50%);border-bottom:1px solid #00e5ff14;padding:8rem 0;position:relative}.hud-corner-green{pointer-events:none;z-index:5;border-style:solid;border-color:#00ff87;width:14px;height:14px;position:absolute}.text-green{color:#00e676!important}.bg-cyan-glow{background-color:#00e5ff0d!important}.bg-green-glow{background-color:#00ff870d!important}.border-cyan-glow{border:1px solid #00e5ff4d!important}.border-green-glow{border:1px solid #00ff874d!important}.neon-blink-cyan{animation:1.5s infinite alternate pulseCyan;box-shadow:0 0 10px #00e5ff,0 0 5px #00e5ff}.neon-blink-green{animation:1.5s infinite alternate pulseGreen;box-shadow:0 0 10px #00ff87,0 0 5px #00ff87}@keyframes pulseCyan{0%{opacity:.4}to{opacity:1}}@keyframes pulseGreen{0%{opacity:.4}to{opacity:1}}.btn-multiplayer{border:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #0000000d}.btn-cyan-neon{text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#00e5ff 0%,#00b4d8 100%);color:#fff!important}.btn-cyan-neon:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e5ff40,0 0 12px #00e5ff26}.btn-cyan-neon:active{transform:translateY(0)}.btn-outline-cyan{color:#00b4d8!important;background:0 0!important;border:1.5px solid #00e5ff4d!important}.btn-outline-cyan:hover{box-shadow:0 0 10px #00e5ff1a;color:#00e5ff!important;background:#00e5ff0d!important;border-color:#00e5ff!important}.matchmaking-radar-outer{background:#fff6;border:1.5px solid #00e5ff26;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto;display:flex;position:relative;box-shadow:inset 0 0 15px #00e5ff0d}.matchmaking-radar-sweep{background:conic-gradient(#00e5ff26 0%,#0000 60%);border-radius:50%;width:100%;height:100%;animation:2.8s linear infinite radarRotation;position:absolute}.matchmaking-center-icon{z-index:2;font-size:2.2rem;animation:1.8s ease-in-out infinite searchPulse}@keyframes radarRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes searchPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 8px #00e5ff66);transform:scale(1.1)}}.arena-pulse-icon-wrapper{background:#ffffffb3;border:2px solid #00e5ff40;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;animation:2.4s ease-in-out infinite initialArenaPulse;display:flex;box-shadow:0 8px 24px #00000005}@keyframes initialArenaPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #00000005,0 0 #00e5ff26}50%{transform:scale(1.06);box-shadow:0 12px 30px #0000000a,0 0 0 10px #00e5ff00}}.countdown-ring-glow{background:#fff;border:3px solid #00e5ff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto;animation:1s infinite alternate countdownRingPulse;display:flex;box-shadow:0 0 20px #00e5ff33,inset 0 0 15px #00e5ff1a}.countdown-number{font-size:3.2rem;font-weight:900;animation:1s ease-in-out infinite textZoomGlow}@keyframes countdownRingPulse{0%{transform:scale(.96);box-shadow:0 0 15px #00e5ff26}to{transform:scale(1.04);box-shadow:0 0 25px #00e5ff59}}@keyframes textZoomGlow{0%{opacity:.7;transform:scale(.85)}50%{opacity:1;text-shadow:0 0 12px #00e5ff80;transform:scale(1.1)}to{opacity:.7;transform:scale(.85)}}.leaderboard-delta-popup{pointer-events:none;font-size:.65rem;font-weight:800;animation:1.4s cubic-bezier(.16,1,.3,1) forwards floatingScoreDelta;position:absolute;top:-12px;right:-24px}@keyframes floatingScoreDelta{0%{opacity:0;transform:translateY(4px)}20%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.border-green{border-color:#00ff87!important}.shadow-green-glow{box-shadow:0 4px 15px #00ff8714,0 0 15px -4px #00ff8733!important}.min-h-\[360px\]{min-height:360px}.min-h-\[340px\]{min-height:340px}@media (width<=991px){.multiplayer-showcase-section{padding:5rem 0}.hud-card{margin-bottom:1.5rem}}.collab-learning-section{background:linear-gradient(135deg,#f8fcff 0%,#f6fff9 100%);padding:8rem 0;position:relative;overflow:hidden}.collab-decor-blob{filter:blur(120px);z-index:1;pointer-events:none;border-radius:50%;position:absolute}.collab-blob-lavender{background:#d8c6ff38;width:450px;height:450px;top:15%;left:-10%}.collab-blob-cyan{background:#49c8ff24;width:500px;height:500px;bottom:10%;right:-5%}.collab-glass-card{-webkit-backdrop-filter:blur(20px);z-index:2;background:#ffffffb3;border:1.5px solid #b24bf326;border-radius:26px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 35px #b24bf308,0 1px 3px #00000003}.collab-glass-card:hover{border-color:#b24bf34d;transform:translateY(-5px);box-shadow:0 22px 48px #b24bf314,0 1px 5px #b24bf305}.collab-icon-box{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.bg-purple-glow{background:#b24bf314;border:1px solid #b24bf326}.text-purple{color:#b24bf3!important}.bg-cyan-glow{background:#49c8ff14;border:1px solid #49c8ff26}.text-cyan{color:#07f!important}.bg-emerald-glow{background:#a8ff7826;border:1px solid #a8ff7833}.text-emerald{color:#2e7d32!important}.bg-danger-glow{background:#ff8f8f1a;border:1px solid #ff8f8f33}.avatar-group{align-items:center;display:flex}.avatar-item{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 10px #0000000a}.avatar-item:hover{z-index:10;transform:scale(1.22)translateY(-2px);box-shadow:0 8px 16px #00000014}.avatar-plus-more{font-weight:600}.avatar-mini{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:flex}.collab-group-item{transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000003;border-color:#b24bf314!important}.collab-group-item:hover{transform:scale(1.01)translateY(-1px);box-shadow:0 6px 15px #b24bf30a;border-color:#b24bf338!important}.btn-collab-primary{background:linear-gradient(135deg,#b24bf3 0%,#d8c6ff 100%);border:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #b24bf32e;color:#fff!important}.btn-collab-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b24bf34d;color:#fff!important}.btn-collab-joined{cursor:not-allowed;background:#00000008;color:#6c757d!important;border-color:#00000014!important}.collab-option-btn{text-align:left;color:#0f1117;background:#ffffffd9;border:1.5px solid #0000000d;border-radius:12px;align-items:center;width:100%;padding:.65rem .9rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000003}.collab-option-btn:hover:not(:disabled){background:#a8ff7808;border-color:#a8ff7899;transform:translate(3px);box-shadow:0 4px 10px #a8ff7814}.collab-option-btn.option-correct{color:#1b5e20;font-weight:700;box-shadow:0 0 15px #a8ff7840;background:#a8ff7826!important;border-color:#a8ff78!important}.collab-option-btn.option-incorrect{color:#b71c1c;animation:.35s shakeBtn;background:#ff8f8f1f!important;border-color:#ff8f8f!important}@keyframes shakeBtn{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.collab-checklist-item{background:#ffffffb3;border-radius:12px;align-items:center;padding:.6rem .85rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;border:1px solid #00000005!important}.collab-checklist-item:hover{transform:translate(2px);background:#b24bf308!important;border-color:#b24bf31a!important}.collab-checklist-item.completed{background:#b24bf30f!important;border-color:#b24bf32e!important}.collab-badges-gallery{background:#ffffffb3;border:1px solid #00000005}.collab-badge-item{cursor:help;background:#ffffffe6;border:1.5px solid #00000008;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.7rem .5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 5px #00000003}.collab-badge-item:hover{background:#fff;border-color:#ffd70080;transform:translateY(-4px)scale(1.04);box-shadow:0 8px 24px #ffd70029,0 0 10px #ffd7000f}.collab-sidebar-panel{border-color:#b24bf340!important;box-shadow:0 10px 40px #b24bf30a!important}.hud-corner-purple{z-index:5;border-style:solid;border-color:#b24bf3;width:8px;height:8px;position:absolute}.collab-feed-console{overflow-y:hidden;box-shadow:inset 0 2px 10px #00000005;border-color:#b24bf326!important}.feed-log-item{border-bottom:1.5px dashed #b24bf31a;padding-bottom:.75rem}.feed-log-item:last-child{border-bottom:none;padding-bottom:0}.animate-slide-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards slideUpLog}@keyframes slideUpLog{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.neon-blink-purple{animation:1.6s infinite alternate neonBlinkPurpleAnimation}@keyframes neonBlinkPurpleAnimation{0%{opacity:.4;box-shadow:0 0 4px #b24bf34d}to{opacity:1;box-shadow:0 0 12px #b24bf3cc}}@media (width<=991px){.collab-learning-section{padding:5rem 0}.collab-sidebar-panel{margin-top:1.5rem}}.ai-tutor-section{background:linear-gradient(135deg,#f9f5ff 0%,#f8fcff 100%);padding:8rem 0;position:relative;overflow:hidden}.ai-tutor-blob{filter:blur(130px);z-index:1;pointer-events:none;border-radius:50%;position:absolute}.blob-purple{background:#b24bf31f;width:480px;height:480px;top:10%;right:-5%}.blob-cyan{background:#49c8ff26;width:420px;height:420px;bottom:5%;left:-8%}.text-gradient-purple-cyan{background:linear-gradient(135deg,#b24bf3 0%,#49c8ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.ai-chat-console{-webkit-backdrop-filter:blur(25px);z-index:3;background:#ffffffb8;border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 50px #49c8ff0f,0 4px 15px #00000005}.ai-chat-console:hover{transform:translateY(-2px);box-shadow:0 30px 60px #49c8ff1a,0 6px 20px #b24bf30a}.hud-corner-cyan{pointer-events:none;z-index:5;border-style:solid;border-color:#49c8ff73;width:14px;height:14px;position:absolute}.hud-tl{border-width:2px 0 0 2px;top:12px;left:12px}.hud-tr{border-width:2px 2px 0 0;top:12px;right:12px}.hud-bl{border-width:0 0 2px 2px;bottom:12px;left:12px}.hud-br{border-width:0 2px 2px 0;bottom:12px;right:12px}.hud-corner-purple{pointer-events:none;z-index:5;border-style:solid;border-color:#b24bf373;width:14px;height:14px;position:absolute}.pulse-indicator-dot{animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%{opacity:.5;transform:scale(.9);box-shadow:0 0 #49c8ff66}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 8px 3px #49c8ff99}to{opacity:.5;transform:scale(.9);box-shadow:0 0 #49c8ff66}}.neon-blink-cyan{animation:1.6s infinite alternate neonBlinkCyanAnimation}@keyframes neonBlinkCyanAnimation{0%{opacity:.45;box-shadow:0 0 3px #49c8ff4d}to{opacity:1;box-shadow:0 0 10px #49c8ffd9}}.bg-cyan-bubble{background:linear-gradient(135deg,#49c8ff14 0%,#66fff20d 100%);box-shadow:0 3px 8px #49c8ff05;color:#0b3d52!important;border:1px solid #49c8ff40!important}.border-cyan-bubble-glow{border-color:#49c8ff33!important}.bg-ai-bubble{background:#fffffff2;box-shadow:0 5px 15px #b24bf308;color:#1a0f30!important;border:1.5px solid #b24bf326!important}.border-ai-bubble-glow{border-color:#b24bf329!important}.typing-dots{padding:2px 8px}.dot-pulse{background-color:#b24bf3;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both dotPulseKeyframe;display:inline-block}.typing-dots .delay-1{animation-delay:.2s}.typing-dots .delay-2{animation-delay:.4s}@keyframes dotPulseKeyframe{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.suggestion-chip{background:#b24bf30a;border-radius:50px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);color:#7b2cb7!important;border:1px solid #b24bf32e!important}.suggestion-chip:hover{transform:translateY(-1.5px);box-shadow:0 4px 12px #b24bf314;background:linear-gradient(135deg,#b24bf317 0%,#49c8ff0f 100%)!important;border-color:#b24bf359!important}.btn-chat-send{transition:all .2s;color:#b24bf3!important}.btn-chat-send:hover{transform:scale(1.12);color:#922bc9!important}.orb-showcase-container{z-index:3}.orb-hologram-stage{perspective:1000px;width:320px;height:320px}.hologram-platform{transform-style:preserve-3d;pointer-events:none;border-radius:50%;position:absolute}.platform-base{background:radial-gradient(#b24bf32e 0%,#b24bf300 70%);border:1px solid #b24bf314;width:200px;height:40px;animation:3s ease-in-out infinite pulsePlatform;bottom:0;transform:rotateX(75deg)}.platform-ring{border:1.5px dashed #49c8ff4d;width:140px;height:30px;animation:12s linear infinite rotatePlatformRing;bottom:5px;transform:rotateX(75deg)}@keyframes pulsePlatform{0%,to{opacity:.5;transform:rotateX(75deg)scale(.95)}50%{opacity:1;transform:rotateX(75deg)scale(1.05)}}@keyframes rotatePlatformRing{0%{transform:rotateX(75deg)rotate(0)}to{transform:rotateX(75deg)rotate(360deg)}}.hologram-laser-vector{z-index:10;background:linear-gradient(90deg,#49c8ff00 0%,#49c8ffcc 50%,#49c8ff00 100%);width:60%;height:2px;animation:4s ease-in-out infinite scanLaser;position:absolute;left:20%;box-shadow:0 0 10px #49c8ff99}@keyframes scanLaser{0%,to{opacity:0;top:25%}10%{opacity:1}50%{top:75%}90%{opacity:1}}.ai-assistant-orb-core{z-index:8;width:130px;height:130px;animation:4.5s ease-in-out infinite assistantFloat;position:relative}.orb-glass-sphere{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 30% 30%,#ffffffa6 0%,#ffffff1a 50%,#b24bf326 100%);border:1.5px solid #ffffff73;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:0 10px 30px #b24bf326,inset 0 -10px 20px #b24bf31a,inset 0 10px 20px #fff6}.orb-inner-nebula{filter:blur(10px);background:radial-gradient(circle,#49c8ffb3 0%,#b24bf380 45%,#0000 70%);border-radius:50%;width:80px;height:80px;animation:6s linear infinite nebulaSpin;position:absolute}@keyframes nebulaSpin{0%{opacity:.7;transform:scale(.9)rotate(0)}50%{opacity:.95;transform:scale(1.1)rotate(180deg)}to{opacity:.7;transform:scale(.9)rotate(360deg)}}.orb-cpu-icon{z-index:10;text-shadow:0 0 15px #fffc,0 0 25px #49c8ff80;font-size:2.2rem;animation:2s ease-in-out infinite cpuPulse;position:relative}@keyframes cpuPulse{0%,to{filter:drop-shadow(0 0 4px #49c8ff66);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #49c8ffe6);transform:scale(1.1)}}@keyframes assistantFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.orb-orbit-ring{pointer-events:none;z-index:9;border-radius:50%;width:190px;height:190px;position:absolute}.ring-latitude{border:1.5px solid #49c8ff66;border-color:#49c8ff66 #0000;animation:15s linear infinite orbitAxisRotate1;transform:rotateX(60deg)rotateY(15deg)}.ring-longitude{border:1.5px dashed #0000;border-color:#0000 #b24bf359;animation:18s linear infinite orbitAxisRotate2;transform:rotateX(45deg)rotateY(-45deg)}@keyframes orbitAxisRotate1{0%{transform:rotateX(60deg)rotateY(15deg)rotate(0)}to{transform:rotateX(60deg)rotateY(15deg)rotate(360deg)}}@keyframes orbitAxisRotate2{0%{transform:rotateX(45deg)rotateY(-45deg)rotate(0)}to{transform:rotateX(45deg)rotateY(-45deg)rotate(-360deg)}}.telemetry-node{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a0f30;pointer-events:none;z-index:12;background:#ffffffb3;border:1px solid #b24bf324;border-radius:6px;padding:4px 10px;font-size:.62rem;font-weight:700;position:absolute;box-shadow:0 3px 10px #00000005}.node-1{border-color:#49c8ff40;animation:5s ease-in-out infinite nodeFloat1;top:15%;right:5%}.node-2{border-color:#b24bf340;animation:6s ease-in-out infinite nodeFloat2;bottom:25%;left:2%}.node-3{border-color:#49c8ff40;animation:5.5s ease-in-out infinite nodeFloat3;top:45%;left:5%}@keyframes nodeFloat1{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-8px)translate(4px)}}@keyframes nodeFloat2{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(10px)translate(-5px)}}@keyframes nodeFloat3{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-6px)translate(-6px)}}.orb-status-card{-webkit-backdrop-filter:blur(20px);z-index:4;background:#ffffffb8;box-shadow:0 15px 35px #b24bf30a}@media (width<=991px){.ai-tutor-section{padding:5rem 0}.orb-showcase-container{margin-top:3rem}.orb-hologram-stage{width:280px;height:280px}}.conversion-cta-section{background:linear-gradient(135deg,#f8fcff 0%,#faf5ff 100%);padding:9rem 0;position:relative;overflow:hidden}.cta-neon-glow-bg{filter:blur(100px);z-index:1;pointer-events:none;background:radial-gradient(circle,#b24bf329 0%,#49c8ff1f 40%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite alternate pulseCtaGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseCtaGlow{0%{opacity:.7;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.cta-glass-shape{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#ffffff0d 100%);border:1px solid #fff6;border-radius:50%;position:absolute;box-shadow:0 10px 25px #00000008,inset 0 8px 15px #ffffff80}.cta-glass-shape.shape-1{width:90px;height:90px;animation:8s ease-in-out infinite ctaFloatShape1;top:15%;left:10%}.cta-glass-shape.shape-2{background:linear-gradient(135deg,#b24bf31a 0%,#49c8ff0d 100%);border-color:#b24bf340;width:130px;height:130px;animation:10s ease-in-out infinite ctaFloatShape2;bottom:12%;right:8%}.cta-glass-shape.shape-3{background:linear-gradient(135deg,#49c8ff1a 0%,#66fff20d 100%);border-color:#49c8ff40;width:60px;height:60px;animation:7s ease-in-out infinite ctaFloatShape3;bottom:25%;left:15%}@keyframes ctaFloatShape1{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-20px)rotate(180deg)scale(1.05)}}@keyframes ctaFloatShape2{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(25px)rotate(-180deg)scale(.95)}}@keyframes ctaFloatShape3{0%,to{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(-15px)translate(15px)rotate(90deg)}}.cta-glass-container{z-index:3;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 70px #b24bf30d,0 4px 15px #00000003}.cta-glass-container:hover{transform:translateY(-4px)scale(1.005);box-shadow:0 40px 80px #b24bf314,0 8px 25px #49c8ff0a}.btn-cta-primary{letter-spacing:.3px;cursor:pointer;z-index:5;background:linear-gradient(135deg,#b24bf3 0%,#49c8ff 100%);font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #b24bf359;color:#fff!important}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #b24bf380,0 0 0 4px #49c8ff33}.btn-cta-primary:hover i{transform:translate(5px)}.btn-cta-primary:active{transform:translateY(0)}.btn-cta-secondary{cursor:pointer;z-index:5;transition:all .3s cubic-bezier(.16,1,.3,1);color:#7b2cb7!important;border:1.5px solid #b24bf347!important}.btn-cta-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #b24bf30f;background:#b24bf30d!important;border-color:#b24bf373!important}.btn-cta-secondary:active{transform:translateY(0)}@media (width<=575px){.cta-glass-container{padding:3rem 1.5rem!important}.btn-cta-primary,.btn-cta-secondary{width:100%}}.dot-grid-overlay{pointer-events:none;z-index:1;background-image:radial-gradient(#49c8ff0d 1.2px,#0000 1.2px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 85%);mask-image:radial-gradient(circle,#000 30%,#0000 85%)}.mesh-glow-violet{filter:blur(90px);pointer-events:none;z-index:1;opacity:.85;background:radial-gradient(circle,#b24bf30f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:15%}.mesh-glow-cyan{filter:blur(90px);pointer-events:none;z-index:1;opacity:.85;background:radial-gradient(circle,#49c8ff0f 0%,#0000 70%);width:550px;height:550px;position:absolute;bottom:-10%;right:15%}.hud-telemetry-frame{pointer-events:none;z-index:2;border:1px solid #49c8ff26;position:absolute}.immersive-practice-section .timeline-step-card,.multiplayer-showcase-section .showcase-left-panel,.multiplayer-showcase-section .showcase-right-panel,.collab-learning-section .collab-social-card,.ai-tutor-section .ai-chat-console,.mistakes-to-success-section .spaced-rep-calendar-card,.mistakes-to-success-section .mistakes-loop-card{transition:all .4s cubic-bezier(.16,1,.3,1)!important}.collab-learning-section .collab-social-card:hover{transform:translateY(-5px);border-color:#49c8ff52!important;box-shadow:0 20px 40px #49c8ff1a,0 4px 12px #00000003!important}.immersive-practice-section .timeline-step-card:hover{transform:translateY(-4px);border-color:#b24bf347!important;box-shadow:0 20px 40px #b24bf30f,0 4px 12px #00000003!important}.mistakes-to-success-section .spaced-rep-calendar-card:hover,.mistakes-to-success-section .mistakes-loop-card:hover{transform:translateY(-4px);border-color:#b24bf34d!important;box-shadow:0 20px 40px #b24bf30f!important}.multiplayer-showcase-section .showcase-left-panel:hover,.multiplayer-showcase-section .showcase-right-panel:hover{transform:translateY(-4px);border-color:#49c8ff47!important;box-shadow:0 20px 40px #49c8ff14!important}.scroll-indicator-wrapper{z-index:10;color:var(--text-secondary);opacity:.85;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;transition:all .4s;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll-indicator-wrapper:hover{opacity:1;color:var(--neon-blue)}.scroll-indicator-mouse{border:1.5px solid #49c8ff66;border-radius:20px;width:22px;height:36px;animation:2s ease-in-out infinite scrollBounce;position:relative;box-shadow:0 0 10px #49c8ff1a}.scroll-indicator-wheel{background-color:var(--neon-blue);width:3px;height:7px;box-shadow:0 0 8px var(--neon-blue);border-radius:2px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.scroll-indicator-text{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:700}.scroll-indicator-wrapper:hover .scroll-indicator-text{color:var(--neon-blue);text-shadow:0 0 10px #49c8ff33}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}