@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Inter:wght@400;500;600&subset=vietnamese&display=swap";:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-bg:#eef2ff;--secondary:#10b981;--secondary-light:#34d399;--secondary-bg:#ecfdf5;--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-amber-bg:#fffbeb;--accent-orange:#f97316;--accent-orange-light:#fb923c;--accent-orange-bg:#fff7ed;--accent-pink:#ec4899;--accent-pink-light:#f472b6;--accent-pink-bg:#fdf2f8;--danger:#ef4444;--danger-light:#f87171;--danger-bg:#fef2f2;--bg:#f0f4ff;--surface:#fff;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--font-heading:"Be Vietnam Pro", system-ui, sans-serif;--font-body:"Inter", "Be Vietnam Pro", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #4f46e50a;--shadow-md:0 4px 12px #4f46e50f;--shadow-lg:0 8px 32px #4f46e514;--shadow-xl:0 16px 48px #4f46e51f;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text);background:var(--bg);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);font-weight:700;line-height:1.35}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--primary-light)}button{font-family:var(--font-body);cursor:pointer;transition:all var(--transition);border:none;outline:none}img,svg{max-width:100%;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition);padding:1.5rem}.card:hover{box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{border-radius:var(--radius-lg);transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg, var(--secondary), var(--secondary-light));color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-bg)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--border-light);color:var(--text)}.btn-amber{background:linear-gradient(135deg, var(--accent-amber), var(--accent-amber-light));color:#fff;box-shadow:0 4px 14px #f59e0b4d}.btn-pink{background:linear-gradient(135deg, var(--accent-pink), var(--accent-pink-light));color:#fff;box-shadow:0 4px 14px #ec48994d}.btn-danger{background:linear-gradient(135deg, var(--danger), var(--danger-light));color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.btn-block{width:100%}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-bg);color:var(--primary)}.badge-secondary{background:var(--secondary-bg);color:var(--secondary)}.badge-amber{background:var(--accent-amber-bg);color:var(--accent-amber)}.badge-orange{background:var(--accent-orange-bg);color:var(--accent-orange)}.badge-pink{background:var(--accent-pink-bg);color:var(--accent-pink)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-muted{background:var(--border-light);color:var(--text-muted)}.progress-bar{background:var(--border-light);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.icon-circle{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-circle-lg{border-radius:var(--radius-xl);width:64px;height:64px}.icon-circle svg{width:24px;height:24px}.icon-circle-lg svg{width:32px;height:32px}.score-ring{justify-content:center;align-items:center;display:flex;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring-label{text-align:center;position:absolute}.score-ring-value{font-family:var(--font-heading);color:var(--text);font-size:2rem;font-weight:800;line-height:1}.score-ring-text{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}.input-group{flex-direction:column;gap:.375rem;display:flex}.input-group label{color:var(--text);font-size:.875rem;font-weight:600}.input-field{width:100%;font-size:.9375rem;font-family:var(--font-body);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:all var(--transition);padding:.75rem 1rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.tabs{background:var(--border-light);border-radius:var(--radius-lg);gap:.25rem;padding:.25rem;display:flex}.tab{white-space:nowrap;color:var(--text-secondary);border-radius:var(--radius-md);text-align:center;transition:all var(--transition);background:0 0;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:600}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 8px #4f46e54d}50%{box-shadow:0 0 20px #4f46e580}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}.animate-fadeInUp{animation:.5s ease-out forwards fadeInUp}.animate-pulse{animation:2s infinite pulse}.animate-glow{animation:2s infinite glow}.stagger>*{opacity:0;animation:.4s ease-out forwards fadeInUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.32s}.stagger>:nth-child(6){animation-delay:.4s}.stagger>:nth-child(7){animation-delay:.48s}.stagger>:nth-child(8){animation-delay:.56s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.ai-fab{color:#fff;z-index:1000;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:3s infinite fabPulse;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #4f46e566,0 0 40px #4f46e526}.ai-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #4f46e580,0 0 60px #4f46e533}.ai-fab.active{background:var(--text-secondary);animation:none;box-shadow:0 4px 12px #00000026}.ai-fab-badge{color:#1e293b;letter-spacing:.05em;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:6px;padding:2px 5px;font-size:.5625rem;font-weight:800;position:absolute;top:-2px;right:-2px}@keyframes fabPulse{0%,to{box-shadow:0 4px 20px #4f46e566,0 0 40px #4f46e526}50%{box-shadow:0 4px 20px #4f46e599,0 0 60px #4f46e540}}.ai-panel{background:var(--surface);border-radius:var(--radius-2xl);z-index:1000;flex-direction:column;width:380px;max-height:540px;display:flex;position:fixed;bottom:6.5rem;right:2rem;overflow:hidden;box-shadow:0 16px 64px #0000001f,0 0 0 1px #4f46e514}.ai-panel-header{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ai-panel-header-left{align-items:center;gap:.75rem;display:flex}.ai-panel-avatar{border-radius:var(--radius-md);background:#fff3;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-panel-header h4{color:#fff;margin:0;font-size:.9375rem;line-height:1}.ai-panel-status{opacity:.8;align-items:center;gap:.25rem;margin-top:.125rem;font-size:.625rem;display:flex}.ai-panel-close{border-radius:var(--radius-md);color:#fff;background:#ffffff26;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ai-panel-close:hover{background:#ffffff40}.ai-panel-messages{flex-direction:column;flex:1;gap:.75rem;min-height:200px;max-height:300px;padding:1rem;display:flex;overflow-y:auto}.ai-msg{align-items:flex-start;gap:.5rem;display:flex}.ai-msg.user{flex-direction:row-reverse}.ai-msg-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.125rem;display:flex}.ai-msg-bubble{border-radius:var(--radius-lg);max-width:85%;padding:.625rem .875rem;font-size:.8125rem;line-height:1.5}.ai-msg.ai .ai-msg-bubble{background:var(--border-light);color:var(--text);border-bottom-left-radius:4px}.ai-msg.user .ai-msg-bubble{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-bottom-right-radius:4px}.ai-msg-bubble p{margin:0}.ai-msg-bubble p+p{margin-top:.375rem}.ai-typing{color:var(--text-muted);align-items:center;gap:.5rem;font-style:italic;display:flex}.ai-spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-panel-prompts{border-top:1px solid var(--border-light);gap:.375rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.ai-prompt-btn{background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition);padding:.375rem .75rem;font-size:.6875rem;font-weight:600}.ai-prompt-btn:hover{background:var(--primary);color:#fff}.ai-panel-input{border-top:1px solid var(--border-light);gap:.5rem;padding:.75rem 1rem;display:flex}.ai-panel-input input{font-size:.8125rem;font-family:var(--font-body);border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);transition:border-color var(--transition);outline:none;flex:1;padding:.625rem .875rem}.ai-panel-input input:focus{border-color:var(--primary)}.ai-panel-input input::placeholder{color:var(--text-muted)}.ai-panel-input button{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#4f46e5,#818cf8);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ai-panel-input button:disabled{opacity:.5;cursor:not-allowed}.layout{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border-light);z-index:100;flex-direction:column;width:260px;height:100vh;padding:1.5rem 1rem;display:flex;position:fixed;top:0;left:0}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:2rem;padding:.5rem;text-decoration:none;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-logo-text{font-family:var(--font-heading);color:var(--text);font-size:1.25rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:.125rem;display:flex;overflow-y:auto}.sidebar-section{margin-bottom:.5rem}.sidebar-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1rem .25rem;font-size:.625rem;font-weight:700;display:block}.sidebar-badge-ai{color:#fff;border-radius:var(--radius-full);letter-spacing:.05em;background:linear-gradient(135deg,#4f46e5,#818cf8);margin-left:auto;padding:.125rem .375rem;font-size:.5625rem;font-weight:800}.sidebar-badge-count{color:#fff;background:var(--danger);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;font-size:.625rem;font-weight:700;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--primary-bg);color:var(--primary)}.sidebar-link.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.sidebar-link.active svg{color:var(--primary)}.sidebar-user{border-top:1px solid var(--border-light);margin-top:auto;padding-top:1rem}.sidebar-stats{gap:1rem;margin-bottom:.75rem;padding:.5rem 0;display:flex}.sidebar-stat{color:var(--text);align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.stat-icon-fire{color:var(--accent-orange)}.stat-icon-star{color:var(--accent-amber)}.sidebar-user-info{align-items:center;gap:.75rem;display:flex}.sidebar-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-text{flex:1;min-width:0}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;display:block;overflow:hidden}.sidebar-user-role{color:var(--text-secondary);font-size:.6875rem;display:block}.sidebar-logout{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;margin-top:.5rem;padding:.5rem}.sidebar-logout:hover{background:var(--danger-bg);color:var(--danger)}.main-content{flex:1;min-height:100vh;margin-left:260px;padding:1.5rem}.ai-header-bar{border-radius:var(--radius-lg);background:linear-gradient(135deg,#4f46e50f,#818cf81a);border:1px solid #4f46e51f;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding:.75rem 1.25rem;display:flex}.ai-header-bar-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#4f46e5,#818cf8);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ai-header-bar-text h5{color:var(--primary);margin:0;font-size:.8125rem;font-weight:700}.ai-header-bar-text p{color:var(--text-muted);margin:0;font-size:.6875rem}.ai-header-bar .ai-powered-tag{color:#f59e0b;border-radius:var(--radius-full);letter-spacing:.05em;background:#f59e0b1a;align-items:center;gap:.25rem;margin-left:auto;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:flex}.ai-inline-badge{color:var(--primary);border-radius:var(--radius-full);background:linear-gradient(135deg,#4f46e514,#818cf81f);align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.ai-generating{border-radius:var(--radius-lg);color:var(--primary);background:linear-gradient(135deg,#4f46e50f,#818cf81a);border:1px dashed #4f46e533;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem 1.25rem;font-size:.8125rem;font-weight:600;display:flex}.ai-generating .ai-spinner{animation:1s linear infinite spin}.ai-insight-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#4f46e50a,#818cf814);border:1px solid #4f46e51a;margin-top:1rem;padding:1.25rem}.ai-insight-card-header{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:flex}.ai-insight-card ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ai-insight-card li{color:var(--text-secondary);padding-left:1rem;font-size:.8125rem;position:relative}.ai-insight-card li:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;top:.5em;left:0}.landing{background:var(--bg)}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background:#f0f4ffd9;position:fixed;top:0;left:0;right:0}.landing-nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.landing-logo{align-items:center;gap:.625rem;text-decoration:none;display:flex}.landing-logo-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing-logo span{font-family:var(--font-heading);color:var(--text);font-size:1.125rem;font-weight:800}.landing-nav-links{align-items:center;gap:1.5rem;display:flex}.landing-nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500}.landing-nav-links a:hover{color:var(--primary)}.landing-nav-docs{background:var(--primary-bg);border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.375rem .75rem;color:var(--primary)!important;font-size:.8125rem!important;font-weight:600!important;display:inline-flex!important}.hero{padding:8rem 0 4rem}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.hero-badge{background:var(--primary-bg);border-radius:var(--radius-full);color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:3.25rem;line-height:1.15}.hero-gradient{background:linear-gradient(135deg, var(--primary), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-secondary);max-width:520px;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.hero-actions{gap:1rem;margin-bottom:2.5rem;display:flex}.hero-trust{align-items:center;gap:.75rem;display:flex}.hero-trust-avatars{display:flex}.hero-trust-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:2px solid var(--surface);justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:.75rem;font-weight:700;display:flex}.hero-trust-avatar:first-child{margin-left:0}.hero-trust span{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.hero-visual{justify-content:center;display:flex}.hero-visual-card{background:linear-gradient(135deg, var(--primary-bg), #e0e7ff);border-radius:32px;justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative}.hero-visual-book{color:var(--primary);animation:3s infinite pulse}.hero-visual-floating{background:var(--surface);border-radius:var(--radius-lg);width:44px;height:44px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;animation:4s ease-in-out infinite float;display:flex;position:absolute}.hero-float-1{color:var(--accent-amber);animation-delay:0s;top:10%;right:-10%}.hero-float-2{color:var(--accent-orange);animation-delay:1s;bottom:15%;right:-5%}.hero-float-3{color:var(--secondary);animation-delay:2s;top:5%;left:-8%}.hero-float-4{color:var(--accent-pink);animation-delay:.5s;bottom:10%;left:-12%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}.landing-stats{padding:2rem 0}.stats-grid{background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2rem;display:grid}.stat-item{text-align:center}.stat-icon{background:var(--primary-bg);width:48px;height:48px;color:var(--primary);border-radius:var(--radius-lg);justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.stat-value{font-family:var(--font-heading);color:var(--text);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.landing-features{padding:4rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{margin-bottom:.75rem}.section-header p{color:var(--text-secondary);font-size:1.0625rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{padding:1.75rem;position:relative}.feature-card .icon-circle{margin-bottom:1rem}.feature-card h4{margin-bottom:.5rem}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.feature-arrow{color:var(--text-muted);transition:all var(--transition);position:absolute;top:1.5rem;right:1.5rem}.feature-card:hover .feature-arrow{color:var(--primary);transform:translate(2px)}.landing-cta{padding:2rem 0 4rem}.cta-card{background:linear-gradient(135deg, var(--primary), #7c3aed);border-radius:var(--radius-2xl);text-align:center;padding:3.5rem}.cta-content h2{color:#fff;margin-bottom:.75rem}.cta-content p{color:#fffc;margin-bottom:2rem;font-size:1.0625rem}.cta-content .btn{color:var(--primary);background:#fff;box-shadow:0 4px 20px #00000026}.landing-footer{border-top:1px solid var(--border-light);padding:2rem 0}.landing-footer-inner{justify-content:space-between;align-items:center;display:flex}.landing-footer p{color:var(--text-muted);font-size:.8125rem}.login-page{min-height:100vh;display:flex}.login-visual{background:linear-gradient(135deg, var(--primary), #7c3aed, var(--secondary));justify-content:center;align-items:center;width:50%;display:flex;position:relative;overflow:hidden}.login-visual-content{text-align:center;color:#fff;z-index:2;padding:2rem}.login-visual-content h2{color:#fff;max-width:400px;margin:2rem 0 .75rem;font-size:2rem}.login-visual-content p{color:#fffc;font-size:1.0625rem}.login-visual-decorations{pointer-events:none;position:absolute;inset:0}.login-float{border-radius:var(--radius-lg);color:#ffffffb3;background:#ffffff26;justify-content:center;align-items:center;width:52px;height:52px;animation:5s ease-in-out infinite float;display:flex;position:absolute}.login-float-1{animation-delay:0s;top:15%;left:10%}.login-float-2{animation-delay:1.5s;bottom:20%;right:12%}.login-float-3{animation-delay:3s;top:60%;left:20%}.login-form-section{justify-content:center;align-items:center;width:50%;padding:2rem;display:flex}.login-form-card{width:100%;max-width:440px;padding:2.5rem}.login-form-card .tabs{margin-bottom:1.5rem}.login-roles{gap:.75rem;margin-bottom:1.5rem;display:flex}.login-role{border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition);background:0 0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;display:flex}.login-role:hover{border-color:var(--primary-light)}.login-role.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.login-form-card form{flex-direction:column;gap:1rem;display:flex}.input-with-icon{position:relative}.input-with-icon .input-field{padding-left:2.75rem}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.input-toggle{color:var(--text-muted);background:0 0;padding:.25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.login-forgot{text-align:right}.login-forgot a{color:var(--primary);font-size:.8125rem}.login-divider{text-align:center;margin:1.5rem 0;position:relative}.login-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{background:var(--surface);color:var(--text-muted);padding:0 1rem;font-size:.8125rem;position:relative}.login-google{gap:.625rem;font-weight:500}.login-demo-section{border-top:2px dashed var(--border);text-align:center;margin-top:1.5rem;padding-top:1.25rem}.login-demo-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.login-demo-buttons{gap:.75rem;display:flex}.login-demo-btn{border-radius:var(--radius-lg);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:600;display:flex}.login-demo-btn.student{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 14px #10b9814d}.login-demo-btn.student:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.login-demo-btn.teacher{color:#1e293b;background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 14px #f59e0b4d}.login-demo-btn.teacher:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.grade-page{max-width:900px;margin:0 auto}.grade-header{text-align:center;margin-bottom:3rem}.grade-header p{color:var(--text-secondary);margin-top:.5rem;font-size:1.0625rem}.grade-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grade-card{text-align:center;padding:2rem 1.5rem;position:relative;overflow:hidden}.grade-number{font-family:var(--font-heading);opacity:.15;font-size:4rem;font-weight:800;line-height:1;position:absolute;top:-.5rem;right:1rem}.grade-icon-bg{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;display:flex}.grade-card h3{margin-bottom:.375rem}.grade-info{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.grade-progress-text{color:var(--text-muted);margin-top:.375rem;font-size:.75rem;display:block}.grade-tip{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.8125rem}.unitmap-page{grid-template-columns:220px 1fr 200px;gap:1.5rem;display:grid}.unitmap-sidebar-left,.unitmap-sidebar-right{height:fit-content;position:sticky;top:2rem}.unitmap-progress-card{text-align:center}.unitmap-meta{justify-content:center;gap:1.25rem;margin-top:1rem;font-size:.875rem;font-weight:600;display:flex}.unitmap-meta>div{align-items:center;gap:.375rem;display:flex}.unitmap-main h2{margin-bottom:2rem}.unitmap-path{flex-direction:column;gap:0;display:flex}.unitmap-node{padding-left:2rem;position:relative}.unitmap-connector{background:var(--border-light);width:3px;height:16px;position:absolute;top:-16px;left:calc(2rem + 18px)}.unitmap-connector.active{background:var(--secondary)}.unitmap-node-card{align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex}.unitmap-node.locked .unitmap-node-card{opacity:.55}.unitmap-node.in-progress .unitmap-node-card{border:2px solid var(--primary);animation:2.5s infinite glow}.unit-status-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.status-done{background:var(--secondary-bg);color:var(--secondary)}.status-active{background:var(--primary-bg);color:var(--primary)}.status-locked{background:var(--border-light);color:var(--text-muted)}.unitmap-node-info{flex:1}.unitmap-unit-num{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:600}.unitmap-node-info h4{margin:.125rem 0 .5rem;font-size:1rem}.unitmap-arrow{color:var(--text-muted)}.unit-overview-breadcrumb{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.unit-overview-breadcrumb a{color:var(--text-secondary)}.unit-overview-breadcrumb span{color:var(--text);font-weight:600}.unit-overview-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.unit-overview-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.zones-bento{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.zone-large{grid-column:span 2}.zone-small{grid-column:span 1}.zone-card{padding:1.5rem;position:relative}.zone-card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.zone-card h4{margin-bottom:.375rem}.zone-ai-badge{color:var(--primary);border-radius:var(--radius-full);letter-spacing:.02em;background:linear-gradient(135deg,#4f46e514,#818cf81f);border:1px solid #4f46e526;align-items:center;gap:.375rem;margin-bottom:.625rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.zone-sub-items{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.zone-sub-item{color:var(--text-secondary);background:var(--border-light);border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.75rem}.zone-progress{align-items:center;gap:.75rem;display:flex}.zone-progress-text{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:600}.zone-arrow{color:var(--text-muted);transition:all var(--transition);position:absolute;top:1.25rem;right:1.25rem}.zone-card:hover .zone-arrow{color:var(--zone-color,var(--primary));transform:translate(2px)}.vocab-layout{grid-template-columns:1fr 1.2fr 240px;gap:1.5rem;display:grid}.vocab-list-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.vocab-word-list{flex-direction:column;gap:.25rem;max-height:480px;display:flex;overflow-y:auto}.vocab-word-row{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.vocab-word-row:hover{background:var(--border-light)}.vocab-word-row.active{background:var(--primary-bg)}.vocab-word-status{border-radius:var(--radius-full);background:var(--border-light);width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.vocab-word-status.done{background:var(--accent-amber-bg);color:var(--accent-amber)}.vocab-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;display:block}.vocab-word-text{flex:1}.vocab-word-text strong{font-size:.875rem;display:block}.vocab-word-text span{color:var(--text-secondary);font-size:.75rem}.vocab-flashcard-area{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.vocab-flashcard{aspect-ratio:3/2;cursor:pointer;perspective:1000px;width:100%;max-width:400px}.vocab-flashcard-front,.vocab-flashcard-back{backface-visibility:hidden;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:transform .6s;display:flex;position:absolute;inset:0}.vocab-flashcard{position:relative}.vocab-flashcard-front{transform:rotateY(0)}.vocab-flashcard-back{background:linear-gradient(135deg, var(--primary-bg), #e0e7ff);transform:rotateY(180deg)}.vocab-flashcard.flipped .vocab-flashcard-front{transform:rotateY(180deg)}.vocab-flashcard.flipped .vocab-flashcard-back{transform:rotateY(360deg)}.vocab-flashcard-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;font-size:.6875rem;font-weight:600}.vocab-flashcard h2{margin-bottom:.5rem;font-size:2rem}.vocab-phonetic{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.vocab-flashcard-nav{align-items:center;gap:1rem;display:flex}.vocab-counter{color:var(--text-secondary);font-size:.875rem;font-weight:600}.vocab-actions{flex-direction:column;gap:1rem;display:flex}.vocab-actions .card{flex-direction:column;gap:.75rem;display:flex}.vocab-action-btns{flex-direction:column;gap:.5rem;display:flex}.grammar-layout{grid-template-columns:380px 1fr;gap:1.5rem;display:grid}.grammar-summary{height:fit-content;padding:1.75rem;position:sticky;top:2rem}.grammar-summary-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.grammar-summary-header h3{margin:0}.grammar-formula{background:var(--secondary-bg);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:.75rem 1rem}.grammar-formula code{color:var(--secondary);margin-top:.25rem;font-family:JetBrains Mono,monospace;font-size:.9375rem;font-weight:600;display:block}.grammar-section{margin-bottom:1.25rem}.grammar-section h4{color:var(--text);margin-bottom:.5rem;font-size:.875rem}.grammar-usage-list{flex-direction:column;gap:.375rem;list-style:none;display:flex}.grammar-usage-list li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.8125rem;display:flex}.grammar-check{color:var(--secondary);flex-shrink:0;margin-top:.125rem}.grammar-signals{flex-wrap:wrap;gap:.375rem;display:flex}.grammar-signal-tag{background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.75rem;font-weight:600}.grammar-example{background:var(--border-light);border-radius:var(--radius-md);margin-bottom:.375rem;padding:.625rem .875rem;font-size:.875rem}.grammar-highlight{color:var(--primary)}.grammar-exercises{flex-direction:column;gap:1rem;display:flex}.grammar-levels{gap:.5rem;display:flex}.grammar-level-btn{border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border);color:var(--text-secondary);transition:all var(--transition);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.grammar-level-btn:hover{border-color:var(--level-color,var(--primary))}.grammar-level-btn.active{border-color:var(--level-color,var(--primary));background:var(--surface);color:var(--level-color,var(--primary));box-shadow:0 2px 8px #0000000f}.grammar-ex-progress{align-items:center;gap:1rem;display:flex}.grammar-ex-progress span{color:var(--text-secondary);white-space:nowrap;font-size:.8125rem}.grammar-ex-card{padding:1.5rem;transition:all .3s}.grammar-ex-card.correct{border-left:4px solid var(--secondary)}.grammar-ex-card.incorrect{border-left:4px solid var(--danger)}.grammar-ex-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.grammar-ex-num{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700}.grammar-ex-question{margin-bottom:1rem;font-size:1rem;font-weight:500;line-height:1.5}.grammar-ex-options{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.grammar-option{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:left;transition:all var(--transition);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;display:flex}.grammar-option:hover:not(:disabled){border-color:var(--primary-light);background:var(--primary-bg)}.grammar-option.selected{border-color:var(--primary);background:var(--primary-bg)}.grammar-option.correct-answer{border-color:var(--secondary);background:var(--secondary-bg)}.grammar-option.wrong-answer{border-color:var(--danger);background:var(--danger-bg)}.grammar-option-letter{border-radius:var(--radius-sm);background:var(--border-light);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.grammar-option.selected .grammar-option-letter{background:var(--primary);color:#fff}.grammar-option.correct-answer .grammar-option-letter{background:var(--secondary);color:#fff}.grammar-option.wrong-answer .grammar-option-letter{background:var(--danger);color:#fff}.grammar-ex-actions{gap:.5rem;display:flex}.grammar-ai-explain{border-radius:var(--radius-md);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe;margin-top:1rem;padding:1rem}.grammar-ai-explain-header{color:#7c3aed;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.grammar-ai-explain p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;line-height:1.6}.grammar-ai-explain p:last-child{margin-bottom:0}.reading-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:1.5rem;display:grid}.reading-passage-card{padding:2rem}.reading-passage-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.reading-passage-meta{align-items:center;gap:.75rem;display:flex}.reading-word-count{color:var(--text-muted);font-size:.75rem}.reading-passage-body{max-height:520px;padding-right:.5rem;overflow-y:auto}.reading-passage-body p{color:var(--text);text-align:justify;margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.reading-highlight{color:var(--primary);border-bottom:2px solid var(--primary-light);cursor:pointer;transition:all var(--transition);font-weight:600}.reading-highlight:hover{background:var(--primary-bg);border-radius:2px}.reading-passage-footer{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:.75rem}.reading-vocab-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.reading-audio-card{padding:2rem}.reading-audio-card h3{margin-bottom:1.5rem}.reading-audio-player,.reading-play-btn{margin-bottom:1rem}.reading-audio-timeline{align-items:center;gap:.75rem;display:flex}.reading-audio-track{background:var(--border-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.reading-audio-progress{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:3px;height:100%}.reading-audio-time{color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:500}.reading-script{background:var(--border-light);border-radius:var(--radius-md);max-height:300px;margin-top:1rem;padding:1rem;overflow-y:auto}.reading-script p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem;line-height:1.7}.reading-questions-card{padding:1.75rem;position:sticky;top:2rem}.reading-questions-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.reading-result-bar{border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.reading-result-bar.good{background:var(--secondary-bg);color:var(--secondary)}.reading-result-bar.needs-work{background:var(--accent-amber-bg);color:var(--accent-amber)}.reading-questions-list{flex-direction:column;gap:1.25rem;max-height:440px;display:flex;overflow-y:auto}.reading-question-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.reading-q-num{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.reading-q-text{margin-bottom:.625rem;font-size:.9375rem;font-weight:500;line-height:1.4}.reading-q-options{flex-direction:column;gap:.375rem;display:flex}.reading-q-option{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:1.5px solid #0000;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.reading-q-option:hover{background:var(--border-light)}.reading-q-option input{display:none}.reading-q-radio{border:2px solid var(--border);width:18px;height:18px;transition:all var(--transition);border-radius:50%;flex-shrink:0;position:relative}.reading-q-option.selected .reading-q-radio{border-color:var(--primary)}.reading-q-option.selected .reading-q-radio:after{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.reading-q-option.selected{border-color:var(--primary-light);background:var(--primary-bg)}.reading-q-option.correct{border-color:var(--secondary);background:var(--secondary-bg)}.reading-q-option.correct .reading-q-radio{border-color:var(--secondary)}.reading-q-option.correct .reading-q-radio:after{background:var(--secondary)}.reading-q-option.wrong{border-color:var(--danger);background:var(--danger-bg)}.reading-q-option.wrong .reading-q-radio{border-color:var(--danger)}.reading-q-option.wrong .reading-q-radio:after{background:var(--danger)}.reading-questions-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;display:flex}.reading-answered{color:var(--text-secondary);font-size:.8125rem}.speaking-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.speaking-topic-card{margin-bottom:1rem;padding:1.25rem}.speaking-topic-text{margin:.75rem 0 .5rem;font-size:1rem;font-weight:500;line-height:1.5}.speaking-word-limit{color:var(--text-muted);font-size:.75rem}.speaking-editor-card{padding:0;overflow:hidden}.speaking-editor{resize:vertical;width:100%;min-height:280px;font-family:var(--font-body);color:var(--text);background:var(--surface);border:none;outline:none;padding:1.5rem;font-size:.9375rem;line-height:1.7}.speaking-editor::placeholder{color:var(--text-muted)}.speaking-editor:disabled{background:var(--border-light)}.speaking-editor-footer{border-top:1px solid var(--border-light);background:var(--surface);justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex}.speaking-word-count{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.speaking-word-count.over{color:var(--danger)}.speaking-editor-actions{gap:.5rem;display:flex}.speaking-feedback-card{border:1px solid var(--primary-bg);padding:1.75rem}.speaking-feedback-header{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.speaking-sparkle{color:var(--primary)}.speaking-score-section{justify-content:center;margin-bottom:1.5rem;display:flex}.speaking-rubric-grid{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.speaking-rubric-item{grid-template-columns:80px 1fr 45px;align-items:center;gap:.75rem;display:grid}.speaking-rubric-label{color:var(--text);font-size:.8125rem;font-weight:600}.speaking-rubric-bar{background:var(--border-light);border-radius:4px;height:8px;overflow:hidden}.speaking-rubric-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.speaking-rubric-score{text-align:right;font-size:.8125rem;font-weight:700}.speaking-comment{background:var(--border-light);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.speaking-comment p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.speaking-suggestions{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.speaking-suggestion-item{background:var(--primary-bg);border-radius:var(--radius-md);color:var(--text-secondary);align-items:flex-start;gap:.625rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.4;display:flex}.speaking-suggestion-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6875rem;font-weight:700;display:flex}.speaking-feedback-placeholder{text-align:center;padding:3rem 2rem}.speaking-placeholder-icon{color:var(--text-muted);opacity:.4;margin:0 auto 1rem}.speaking-feedback-placeholder h4{margin-bottom:.5rem}.speaking-feedback-placeholder p{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:.875rem;line-height:1.5}.speaking-voice-section{max-width:640px;margin:0 auto}.speaking-voice-card{padding:2rem}.speaking-voice-card h3{margin-bottom:1.25rem}.speaking-topic-list{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.speaking-topic-option{align-items:center;gap:.75rem;padding:1rem;display:flex}.speaking-topic-num{background:var(--primary-bg);width:32px;height:32px;color:var(--primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.speaking-mic-area{text-align:center}.speaking-mic-btn{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;width:80px;height:80px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex;box-shadow:0 4px 20px #4f46e54d}.speaking-mic-btn:hover{transform:scale(1.05);box-shadow:0 6px 28px #4f46e566}.speaking-mic-btn.recording{background:linear-gradient(135deg, var(--danger), var(--danger-light));animation:1.5s infinite pulse;box-shadow:0 4px 20px #ef44444d}.speaking-mic-text{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.speaking-waveform{justify-content:center;align-items:center;gap:3px;height:40px;display:flex}.speaking-wave-bar{background:var(--primary);border-radius:2px;width:4px;animation:.6s ease-in-out infinite alternate waveform}@keyframes waveform{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.test-page{position:relative}.test-topbar{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;display:flex}.test-topbar h3{font-size:1.125rem}.test-timer{background:var(--accent-amber-bg);color:var(--accent-amber);border-radius:var(--radius-lg);font-family:var(--font-heading);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.25rem;font-weight:700;display:flex}.test-timer.warning{background:var(--danger-bg);color:var(--danger);animation:1s infinite pulse}.test-navigator{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.test-nav-dot{border-radius:var(--radius-sm);background:var(--border-light);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.test-nav-dot:hover{background:var(--primary-bg);color:var(--primary)}.test-nav-dot.current{background:var(--primary);color:#fff}.test-nav-dot.answered{background:var(--secondary-bg);color:var(--secondary)}.test-nav-dot.answered.current{background:var(--primary);color:#fff}.test-nav-dot.marked{box-shadow:inset 0 -3px 0 var(--accent-amber)}.test-layout{grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;display:grid}.test-question-card{padding:2rem}.test-question-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.test-question-num{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:700}.test-question-text{margin-bottom:1.5rem;font-size:1.125rem;font-weight:500;line-height:1.5}.test-options{flex-direction:column;gap:.625rem;display:flex}.test-option{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:left;transition:all var(--transition);align-items:center;gap:.875rem;padding:1rem 1.25rem;font-size:.9375rem;display:flex}.test-option:hover{border-color:var(--primary-light);background:var(--primary-bg)}.test-option.selected{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 2px 8px #4f46e51a}.test-option-letter{border-radius:var(--radius-md);background:var(--border-light);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.test-option.selected .test-option-letter{background:var(--primary);color:#fff}.test-option-text{flex:1}.test-question-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.test-bookmark{border-radius:var(--radius-md);background:var(--border-light);width:40px;height:40px;color:var(--text-muted);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.test-bookmark:hover,.test-bookmark.active{background:var(--accent-amber-bg);color:var(--accent-amber)}.test-sidebar{position:sticky;top:2rem}.test-overview-card{padding:1.5rem}.test-overview-card h4,.test-overview-progress{margin-bottom:1rem}.test-overview-progress span{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem;display:block}.test-grid{grid-template-columns:repeat(5,1fr);gap:.375rem;margin-bottom:1.25rem;display:grid}.test-grid-cell{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--border-light);width:100%;color:var(--text-muted);transition:all var(--transition);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.test-grid-cell:hover{background:var(--primary-bg)}.test-grid-cell.current{background:var(--primary);color:#fff}.test-grid-cell.answered{background:var(--secondary-bg);color:var(--secondary)}.test-sections{flex-direction:column;gap:.5rem;display:flex}.test-section-row{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.test-section-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.test-section-label{color:var(--text-secondary);flex:1}.test-section-count{color:var(--text);font-weight:600}.test-warning{background:var(--danger-bg);color:var(--danger);align-items:center;gap:.5rem;margin-top:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;animation:1s infinite pulse;display:flex}.result-page{max-width:1000px;margin:0 auto}.result-celebration{text-align:center;padding:2rem 0;position:relative;overflow:hidden}.result-confetti{pointer-events:none;position:absolute;inset:0}.result-confetti-piece{border-radius:2px;width:8px;height:8px;animation:3s ease-out forwards confettiDrop;position:absolute;top:-10px}@keyframes confettiDrop{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(250px)rotate(720deg)}}.result-score-ring{margin:0 auto 1rem}.result-score-circle{transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1)}.result-level-badge{padding:.375rem 1rem;font-size:.875rem}.result-xp{font-family:var(--font-heading);color:var(--accent-amber);margin:.75rem 0;font-size:1.5rem;font-weight:800}.result-message{color:var(--text-secondary);font-size:1rem}.result-cards{grid-template-columns:1fr .8fr 1fr;gap:1.25rem;margin-top:2rem;display:grid}.result-card{padding:1.5rem}.result-card h4{margin-bottom:1rem}.result-skill-bars{flex-direction:column;gap:.75rem;display:flex}.result-skill-row{grid-template-columns:70px 1fr 45px;align-items:center;gap:.75rem;display:grid}.result-skill-name{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.result-skill-bar-track{background:var(--border-light);border-radius:4px;height:8px;overflow:hidden}.result-skill-bar-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.result-skill-score{text-align:right;font-size:.8125rem;font-weight:700}.result-big-score{text-align:center;margin-bottom:1.25rem}.result-correct-num{font-family:var(--font-heading);color:var(--secondary);font-size:2.5rem;font-weight:800}.result-total{color:var(--text-secondary);font-size:1rem}.result-section-list{flex-direction:column;gap:.625rem;display:flex}.result-section-item{align-items:center;gap:.625rem;display:flex}.result-section-name{flex:1;font-size:.875rem;font-weight:500}.result-section-score{align-items:center;font-size:.875rem;font-weight:700;display:flex}.result-ai-card{border:1px solid var(--primary-bg)}.result-ai-header{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.result-ai-header h4{color:var(--primary);flex:1;margin:0}.result-sparkle{color:var(--accent-amber)}.result-ai-list{flex-direction:column;gap:.625rem;margin-bottom:1.25rem;display:flex}.result-ai-item{color:var(--text-secondary);align-items:flex-start;gap:.625rem;font-size:.8125rem;line-height:1.4;display:flex}.result-ai-item svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}.result-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.dashboard-page{max-width:1100px}.dashboard-header{margin-bottom:1.5rem}.dashboard-header p{color:var(--text-secondary);margin-top:.25rem}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.dashboard-stat-card{align-items:center;gap:.875rem;padding:1.25rem;display:flex}.dashboard-stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500;display:block}.dashboard-stat-value{font-family:var(--font-heading);color:var(--text);font-size:1.25rem;font-weight:700;display:block}.dashboard-bento{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}.dashboard-skills-card{grid-area:1/1}.dashboard-progress-card{grid-area:1/2}.dashboard-heatmap-card{grid-area:2/1}.dashboard-ai-card{grid-area:2/2}.dashboard-leaderboard-card{grid-area:3/1/auto/-1}.dashboard-bento .card h4{margin-bottom:1rem}.dashboard-skill-bars{flex-direction:column;gap:.625rem;display:flex}.dashboard-skill-row{grid-template-columns:28px 60px 1fr 40px;align-items:center;gap:.5rem;display:grid}.dashboard-skill-icon{display:flex}.dashboard-skill-name{color:var(--text-secondary);font-size:.8125rem}.dashboard-skill-track{background:var(--border-light);border-radius:4px;height:8px;overflow:hidden}.dashboard-skill-fill{border-radius:4px;height:100%;transition:width 1s}.dashboard-skill-score{text-align:right;font-size:.75rem;font-weight:700}.dashboard-progress-card{text-align:center}.dashboard-progress-ring-area{justify-content:center;margin-bottom:.75rem;display:flex}.dashboard-progress-text{margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.dashboard-progress-unit{color:var(--text-secondary);margin-bottom:1rem;font-size:.8125rem}.dashboard-heatmap{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dashboard-heatmap-label{color:var(--text-muted);text-align:center;font-size:.625rem;font-weight:600}.dashboard-heatmap-cell{aspect-ratio:1;transition:all var(--transition);border-radius:3px}.dashboard-heatmap-cell:hover{transform:scale(1.2)}.dashboard-heatmap-info{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem}.dashboard-ai-header{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.dashboard-ai-header h4{color:var(--primary);flex:1;margin:0}.dashboard-ai-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.dashboard-ai-item{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.4;display:flex}.dashboard-ai-item svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}.dashboard-leaderboard{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.dashboard-lb-row{border-radius:var(--radius-md);transition:background var(--transition);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.dashboard-lb-row:hover{background:var(--border-light)}.dashboard-lb-row.you{background:var(--primary-bg)}.dashboard-lb-rank{border-radius:var(--radius-sm);background:var(--border-light);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.dashboard-lb-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.dashboard-lb-info{flex:1}.dashboard-lb-name{font-size:.875rem;font-weight:600}.dashboard-lb-you{color:var(--primary);margin-left:.375rem;font-size:.6875rem;font-weight:500}.dashboard-lb-level{color:var(--text-muted);font-size:.6875rem;display:block}.dashboard-lb-xp{color:var(--accent-amber);font-size:.875rem;font-weight:700}.achievements-page h2{margin-bottom:1.5rem}.achievements-summary{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.achievements-summary-left{align-items:center;gap:.875rem;display:flex}.achievements-avatar{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:48px;height:48px;font-family:var(--font-heading);justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.achievements-level{color:var(--text-secondary);font-size:.8125rem}.achievements-summary-stats{gap:1.5rem;display:flex}.achievements-summary-stat{align-items:center;gap:.5rem;display:flex}.achievements-stat-val{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;display:block}.achievements-stat-label{color:var(--text-muted);font-size:.6875rem;display:block}.achievements-layout{grid-template-columns:1fr 300px;align-items:start;gap:1.5rem;display:grid}.achievements-badges-section h3{margin-bottom:1rem}.achievements-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.achievements-badge{text-align:center;padding:1.5rem;position:relative}.achievements-badge.locked{opacity:.55}.achievements-badge-icon{border-radius:var(--radius-xl);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .75rem;display:flex}.achievements-badge h4{margin-bottom:.375rem;font-size:.9375rem}.achievements-badge-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem;line-height:1.4}.achievements-badge-progress{align-items:center;gap:.5rem;display:flex}.achievements-badge-progress-text{color:var(--text-muted);white-space:nowrap;font-size:.6875rem;font-weight:600}.achievements-leaderboard-section h3{margin-bottom:1rem}.achievements-leaderboard{padding:.5rem}.achievements-lb-row{border-radius:var(--radius-md);transition:background var(--transition);align-items:center;gap:.625rem;padding:.75rem .875rem;display:flex}.achievements-lb-row:hover{background:var(--border-light)}.achievements-lb-row.you{background:var(--primary-bg)}.achievements-lb-rank{border-radius:var(--radius-sm);background:var(--border-light);width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.rank-1{color:#b45309;background:#fef3c7}.rank-2{color:#6b7280;background:#e5e7eb}.rank-3{color:#9f1239;background:#fecdd3}.achievements-lb-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-light), var(--secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.achievements-lb-info{flex:1}.achievements-lb-name{font-size:.875rem;font-weight:600;display:block}.achievements-lb-you{color:var(--primary);margin-left:.25rem;font-size:.6875rem;font-weight:500}.achievements-lb-level{color:var(--text-muted);font-size:.6875rem;display:block}.achievements-lb-xp{color:var(--accent-amber);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:700;display:flex}.teacher-page{max-width:1100px}.teacher-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.teacher-header p{color:var(--text-secondary);margin-top:.25rem}.teacher-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.teacher-stat-card{align-items:center;gap:.875rem;padding:1.25rem;display:flex}.teacher-stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500;display:block}.teacher-stat-value{font-family:var(--font-heading);color:var(--text);font-size:1.25rem;font-weight:700;display:block}.teacher-layout{grid-template-columns:1fr 300px;align-items:start;gap:1.5rem;display:grid}.teacher-table-card{padding:1.5rem;overflow:hidden}.teacher-table-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.teacher-table-container{overflow-x:auto}.teacher-table{border-collapse:collapse;width:100%;font-size:.875rem}.teacher-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light);padding:.75rem .875rem;font-size:.75rem;font-weight:600}.teacher-table td{border-bottom:1px solid var(--border-light);padding:.75rem .875rem}.teacher-table tr:hover{background:var(--border-light)}.teacher-table tr.row-alert{background:#fef2f210}.teacher-table tr.row-alert:hover{background:#fef2f2}.teacher-student-cell{align-items:center;gap:.625rem;display:flex}.teacher-student-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-light), var(--secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.teacher-score{font-weight:700}.teacher-streak-cell{align-items:center;gap:.25rem;display:flex}.teacher-progress-cell{align-items:center;gap:.5rem;display:flex}.teacher-progress-text{color:var(--text-secondary);font-size:.75rem;font-weight:600}.teacher-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:2rem}.teacher-alerts-card{padding:1.5rem}.teacher-alerts-card h4{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.teacher-alert-list{flex-direction:column;gap:.75rem;display:flex}.teacher-alert-item{gap:.625rem;display:flex}.teacher-alert-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.375rem}.teacher-alert-item strong{font-size:.875rem;display:block}.teacher-alert-item p{color:var(--text-secondary);margin-top:.125rem;font-size:.75rem;line-height:1.4}.teacher-actions-card{padding:1.5rem}.teacher-actions-card h4{margin-bottom:1rem}.teacher-quick-actions{flex-direction:column;gap:.5rem;display:flex}.docs-page{background:var(--bg);min-height:100vh}.docs-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);background:#f0f4ffe6;position:sticky;top:0}.docs-nav-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.docs-back{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.docs-back:hover{color:var(--primary)}.docs-container{max-width:880px;padding:2rem 1.5rem 4rem}.docs-header{text-align:center;padding:3rem 0 2rem}.docs-header-badge{background:var(--primary-bg);border-radius:var(--radius-full);color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.docs-header h1{letter-spacing:-.02em;font-size:2.75rem;line-height:1.2}.docs-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.25rem;font-weight:500;display:block}.docs-intro{color:var(--text-secondary);max-width:640px;margin:1.5rem auto 0;font-size:1.125rem;line-height:1.7}.docs-section{margin-top:3.5rem}.docs-section h2{align-items:center;gap:.625rem;margin-bottom:.75rem;font-size:1.5rem;display:flex}.docs-section-icon{color:var(--primary)}.docs-section-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.docs-two-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.docs-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem}.docs-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.docs-card h3{margin-bottom:1rem;font-size:1.25rem}.docs-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.docs-list li{color:var(--text-secondary);padding-left:1.25rem;font-size:.9375rem;line-height:1.55;position:relative}.docs-list li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.docs-problem .docs-list li:before{background:var(--danger)}.docs-zones-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.docs-zones-grid .card:first-child{grid-column:span 2}.docs-zone-card{padding:1.75rem}.docs-zone-card .icon-circle-lg{margin-bottom:1rem}.docs-zone-card h4{margin-bottom:.5rem}.docs-zone-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.docs-ai-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.docs-ai-card{padding:1.75rem;position:relative}.docs-ai-number{font-family:var(--font-heading);color:var(--primary-bg);font-size:2rem;font-weight:800;line-height:1;position:absolute;top:.75rem;right:1rem}.docs-ai-card h4{color:var(--primary);margin-bottom:.5rem}.docs-ai-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.docs-note{background:var(--accent-amber-bg);border:1px solid #fde68a;align-items:flex-start;gap:.75rem;padding:1.25rem;display:flex}.docs-note svg{color:var(--accent-amber);flex-shrink:0;margin-top:.125rem}.docs-note strong{color:var(--text);margin-bottom:.25rem;display:block}.docs-note p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.docs-gamification-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.docs-game-card{text-align:center;padding:1.75rem 1.25rem}.docs-game-card svg{margin:0 auto .75rem}.docs-game-card h4{margin-bottom:.5rem}.docs-game-card p{color:var(--text-secondary);font-size:.8125rem;line-height:1.55}.docs-teacher-features{flex-direction:column;gap:.75rem;display:flex}.docs-teacher-item{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.docs-teacher-item svg{flex-shrink:0;margin-top:.125rem}.docs-teacher-item span{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.docs-tech-grid{flex-direction:column;gap:.75rem;display:flex}.docs-tech-item{align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.docs-tech-item svg{flex-shrink:0;margin-top:.125rem}.docs-tech-item strong{margin-bottom:.25rem;font-size:1rem;display:block}.docs-tech-item span{color:var(--text-secondary);font-size:.875rem;line-height:1.55}.docs-roadmap{flex-direction:column;gap:0;padding-left:1rem;display:flex}.docs-roadmap-item{gap:1.25rem;padding:1.25rem 0;display:flex;position:relative}.docs-roadmap-item:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:2.75rem;bottom:0;left:7px}.docs-roadmap-item.active:not(:last-child):before{background:var(--primary)}.docs-roadmap-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:.25rem}.docs-roadmap-item.active .docs-roadmap-dot{background:var(--primary);box-shadow:0 0 0 4px var(--primary-bg)}.docs-roadmap-content .badge{margin-bottom:.5rem}.docs-roadmap-content h4{margin-bottom:.25rem}.docs-roadmap-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.docs-cta{margin-top:3.5rem}.docs-cta-card{background:linear-gradient(135deg, var(--primary), #7c3aed);border-radius:var(--radius-2xl);text-align:center;color:#fff;padding:3rem}.docs-cta-card h2{color:#fff;justify-content:center;margin:1rem 0 .75rem;font-size:1.75rem}.docs-cta-card p{color:#fffc;max-width:520px;margin:0 auto 1.5rem;font-size:1.0625rem;line-height:1.6}.docs-footer{border-top:1px solid var(--border-light);text-align:center;padding:2rem 0}.docs-footer p{color:var(--text-muted);font-size:.8125rem}