*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #0F172A;--bg-surface: #1E293B;--bg-surface-opaque: rgba(30, 41, 59, .95);--bg-surface-semi: rgba(15, 23, 42, .7);--bg-surface-light: rgba(15, 23, 42, .6);--bg-surface-variant: #1E293B;--bg-gradient-start: #1E293B;--bg-gradient-middle: #334155;--bg-gradient-end: #475569;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: rgba(248, 250, 252, .8);--text-subtle: rgba(248, 250, 252, .7);--accent: #8a5cf6;--accent-variant: #A78BFA;--border: rgba(255, 255, 255, .1);--border-variant: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15)}[data-theme=light]{--bg-primary: #2D2746;--bg-surface: #3D305A;--bg-surface-opaque: rgba(61, 48, 90, .95);--bg-surface-semi: rgba(45, 39, 70, .7);--bg-surface-light: rgba(45, 39, 70, .6);--bg-surface-variant: #4E426B;--bg-gradient-start: #2c1840;--bg-gradient-middle: #3D305A;--bg-gradient-end: #745d8c;--text-primary: #FFFFFF;--text-secondary: #E8E8E8;--text-tertiary: #D0D0D0;--text-muted: rgba(255, 255, 255, .9);--text-subtle: rgba(255, 255, 255, .8);--accent: #FF6B6B;--accent-variant: #FFA500;--border: rgba(255, 255, 255, .3);--border-variant: rgba(255, 255, 255, .2);--border-subtle: rgba(255, 255, 255, .25);--border-strong: rgba(255, 255, 255, .4)}body{margin:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.site-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.9rem;opacity:.8}.site-footer .footer-links{display:flex;gap:1rem}.site-footer a{color:inherit;text-decoration:none;opacity:.7;transition:opacity .15s ease}.site-footer a:hover{opacity:1}@media(max-width:640px){.site-footer{flex-direction:column;align-items:flex-start}}.app-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:50%;max-width:800px;display:flex;align-items:center;justify-content:space-around;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));z-index:100;gap:.25rem}@media(max-width:1024px){.app-nav{width:90%;max-width:none}}@media(max-width:640px){.app-nav{width:100%;left:0;transform:none;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}}.app-nav__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;text-decoration:none;color:#f8fafc99;transition:color .2s;border-radius:.75rem;min-width:0;flex:1;max-width:none}.app-nav__tab:hover{color:#f8fafccc;background:#ffffff0d}.app-nav__tab.active{color:#8a5cf6}.app-nav__icon{font-size:1.5rem;line-height:1}.app-nav__label{font-size:.7rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}@media(max-width:640px){.app-nav__label{font-size:.7rem}.app-nav__icon{font-size:1.35rem}}.app-shell{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative}.app-shell:before,.app-shell:after{content:"";position:fixed;top:0;bottom:0;width:25%;max-width:calc((100% - 800px)/2);z-index:0;pointer-events:none}.app-shell:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent 60%),radial-gradient(ellipse at left center,rgba(138,92,246,.08),transparent 70%)}.app-shell:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent 60%),radial-gradient(ellipse at right center,rgba(74,155,255,.08),transparent 70%)}[data-theme=light] .app-shell:before{background:linear-gradient(to right,var(--bg-primary),transparent 60%),radial-gradient(ellipse at left center,rgba(255,165,0,.06),transparent 70%)}[data-theme=light] .app-shell:after{background:linear-gradient(to left,var(--bg-primary),transparent 60%),radial-gradient(ellipse at right center,rgba(255,107,107,.06),transparent 70%)}.app-gradient{position:fixed;inset:0;background:radial-gradient(circle at top,rgba(74,155,255,.25),transparent 55%),radial-gradient(circle at 30% 20%,rgba(138,92,246,.25),transparent 45%);filter:blur(40px);z-index:0;transition:opacity .3s ease}[data-theme=light] .app-gradient{background:radial-gradient(circle at top,rgba(255,107,107,.25),transparent 55%),radial-gradient(circle at 30% 20%,rgba(255,165,0,.25),transparent 45%)}.app-container{width:50%;max-width:800px;margin:0 auto;padding:0 1.5rem calc(3rem + 80px);position:relative;z-index:1}.auth-layout{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem calc(3rem + 80px)}@media(max-width:1024px){.app-shell:before,.app-shell:after{display:none}}@media(max-width:1024px){.app-container{width:90%;max-width:none}.auth-layout{width:100%;max-width:none}}@media(max-width:640px){.app-container{width:100%;padding:0 1rem calc(3rem + 80px)}.auth-layout{padding:0 1rem calc(3rem + 80px)}}main{min-height:60vh}.page{display:flex;flex-direction:column;padding-top:1rem}.page.landing{gap:0;padding-top:0}.page .hero{max-width:720px;position:relative}.hero .eyebrow{font-size:.9rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;transition:color .3s ease}.hero h1{font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:1rem;line-height:1.1}.hero p,.hero-description{font-size:1.25rem;line-height:1.7;color:#f8fafcd9;margin-bottom:0}.hero-actions{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.btn{border:none;border-radius:999px;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn.primary{background:linear-gradient(135deg,#8a5cf6,#4a9bff);color:#fff;box-shadow:0 12px 25px #8a5cf659}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 35px #8a5cf673}.btn.primary:active{transform:translateY(0)}.btn.ghost{border:1px solid rgba(255,255,255,.25);color:#fff;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.ghost:hover{background:#ffffff1a;border-color:#ffffff59;transform:translateY(-1px)}.btn-block{width:100%;padding:1rem 1.5rem;font-size:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:4rem}.feature-grid article,.feature-card{padding:2rem;border-radius:1.5rem;background:#1e293b66;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-grid article:hover,.feature-card:hover{background:#1e293b99;border-color:#8a5cf64d;transform:translateY(-2px)}.feature-grid h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-grid p{color:#f8fafcbf;line-height:1.6;margin:0}.form-error{border-radius:.8rem;padding:.85rem 1rem;background:#e11d4814;color:#9f1239;font-size:.95rem}.page.home .home-card{background:var(--bg-surface-light);border:1px solid var(--border-subtle);border-radius:1.75rem;padding:2rem;max-width:720px;transition:background-color .3s ease,border-color .3s ease}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.panel{border-radius:1.75rem;padding:1.75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.75rem}.panel.streak h2{font-size:3rem;margin:0}.panel.actions .actions-grid{display:flex;flex-direction:column;gap:.75rem}.action-tile{border-radius:1.25rem;padding:1rem 1.25rem;background:#ffffff0f;border:1px solid transparent;color:inherit;text-align:left;display:flex;flex-direction:column;gap:.35rem;transition:transform .15s ease,border-color .15s}.action-tile strong{font-size:1.05rem}.action-tile span{opacity:.7}.action-tile:hover{transform:translateY(-2px);border-color:#8a5cf680}.panel.lessons ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.panel.lessons li{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem}.panel.lessons li:last-child{border-bottom:none;padding-bottom:0}.panel.lessons strong{display:block}.panel.lessons span{color:#f8fafcb3;font-size:.95rem}@media(max-width:640px){.app-container{padding:0 1rem 2rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}.feature-grid{grid-template-columns:1fr;margin-top:3rem}.hero p,.hero-description{font-size:1.125rem}}