:root{--bg:#f8fafc;--surface:#fff;--surface-soft:#f8fafc;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#6366f1;--primary-dark:#4f46e5;--info-bg:#eef2ff;--info-border:#c7d2fe;--warning-bg:#fff7ed;--warning-border:#fed7aa;--warning-text:#9a3412;--success-bg:#dcfce7;--success-text:#166534;--danger-bg:#fff7f7;--danger-border:#fecaca;--danger-text:#991b1b}html[data-theme=dark]{--bg:#020617;--surface:#0f172a;--surface-soft:#111827;--text:#e5e7eb;--muted:#94a3b8;--border:#1e293b;--primary:#818cf8;--primary-dark:#6366f1;--info-bg:#1e293b;--info-border:#334155;--warning-bg:#1c1917;--warning-border:#7c2d12;--warning-text:#fed7aa;--success-bg:#052e16;--success-text:#bbf7d0;--danger-bg:#2b1113;--danger-border:#7f1d1d;--danger-text:#fca5a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{background:var(--bg);min-height:100vh;color:var(--text)}.navbar{z-index:20;background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 7%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brandIcon{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 14px 30px #7c3aed47}.navLinks{color:var(--muted);align-items:center;gap:24px;font-weight:600;display:flex}.navButton,.primaryButton{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;display:inline-flex;box-shadow:0 18px 40px #7c3aed42}.secondaryButton{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;display:inline-flex}.hero{background:radial-gradient(circle at top left, #7c3aed2e, transparent 34%), radial-gradient(circle at top right, #06b6d429, transparent 30%), var(--bg);grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:90px 7% 70px;display:grid}.heroContent h1{letter-spacing:-.06em;max-width:760px;margin:20px 0;font-size:clamp(42px,6vw,78px);line-height:.95}.heroContent h1 span{background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#0000;-webkit-background-clip:text}.heroContent p{max-width:650px;color:var(--muted);font-size:20px;line-height:1.7}.badge{background:var(--surface);color:var(--primary-dark);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex;box-shadow:0 14px 35px #0f172a14}.heroActions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.heroCard{color:#fff;background:#0f172a;border-radius:32px;padding:24px;box-shadow:0 34px 80px #0f172a59}.cardHeader{gap:8px;margin-bottom:24px;display:flex}.dot{border-radius:999px;width:12px;height:12px}.red{background:#fb7185}.yellow{background:#facc15}.green{background:#22c55e}.questionBox,.answerBox,.transcriptBox{background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;margin-bottom:16px;padding:18px}.questionBox small,.answerBox small,.transcriptBox small{color:#94a3b8;margin-bottom:8px;display:block}.questionBox strong{font-size:22px}.answerBox{background:linear-gradient(135deg,#7c3aed3d,#06b6d42e)}.answerBox p,.transcriptBox p{margin:0;line-height:1.6}.section{background:var(--surface);padding:90px 7%}.section.light{background:var(--surface-soft)}.section h2,.cta h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,52px)}.sectionLead{max-width:720px;color:var(--muted);margin:16px 0 40px;font-size:18px;line-height:1.7}.features{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.featureCard{background:var(--surface-soft);border:1px solid var(--border);border-radius:28px;padding:28px}.featureCard svg{color:var(--primary)}.featureCard h3{margin:18px 0 10px}.featureCard p{color:var(--muted);line-height:1.7}.benefits{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px;display:grid}.benefit{background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:12px;padding:18px;font-weight:700;display:flex}.benefit svg{color:#06b6d4}.cta{text-align:center;color:#fff;background:radial-gradient(circle at 0 0,#06b6d447,#0000 36%),linear-gradient(135deg,#0f172a,#1e1b4b);padding:90px 7%}.cta p{color:#cbd5e1;max-width:680px;margin:18px auto 30px;font-size:18px;line-height:1.7}.pricingHero{text-align:center;background:radial-gradient(circle at top, #7c3aed29, transparent 34%), var(--bg);padding:90px 7% 40px}.pricingHero h1{letter-spacing:-.05em;margin:0;font-size:clamp(40px,5vw,68px)}.pricingHero p{max-width:620px;color:var(--muted);margin:18px auto 0;font-size:18px}.pricingGrid{background:var(--surface-soft);grid-template-columns:repeat(3,1fr);gap:24px;padding:40px 7% 90px;display:grid}.pricingCard{background:var(--surface);border:1px solid var(--border);border-radius:30px;padding:30px;box-shadow:0 20px 50px #0f172a0f}.pricingCard.highlighted{color:#fff;background:linear-gradient(135deg,#0f172a,#312e81);transform:translateY(-12px)}.pricingCard h2{margin:0;font-size:28px}.planDescription{color:var(--muted)}.highlighted .planDescription{color:#cbd5e1}.price{letter-spacing:-.04em;margin:24px 0;font-size:44px;font-weight:900}.price span{color:#94a3b8;margin-left:6px;font-size:15px}.pricingCard ul{gap:14px;margin:0 0 26px;padding:0;list-style:none;display:grid}.pricingCard li{align-items:center;gap:10px;display:flex}.pricingCard li svg{color:#06b6d4}.footer{color:#fff;background:#020617;justify-content:space-between;gap:24px;padding:34px 7%;display:flex}.footer p{color:#94a3b8;margin:8px 0 0}.footerLinks{color:#cbd5e1;flex-wrap:wrap;gap:18px;display:flex}.mobileMenuButton{display:none}@media (width<=900px){.hero,.features,.benefits,.pricingGrid{grid-template-columns:1fr}.navbar{z-index:2000;position:sticky;top:0}.mobileMenuButton{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.navLinks{background:var(--surface);border:1px solid var(--border);z-index:1000;border-radius:20px;flex-direction:column;align-items:stretch;gap:10px;padding:16px;display:none;position:absolute;top:76px;left:8px;right:8px;box-shadow:0 20px 45px #0000002e}.navLinks a,.navLinks button{justify-content:center;align-items:center;min-height:44px;display:flex}.navLinks.open{display:flex}.navLinks a,.navLinks button{justify-content:center;width:100%}.footer{flex-direction:column}.pricingCard.highlighted{transform:none}}.authSection{background:radial-gradient(circle at top, #7c3aed1f, transparent 35%), var(--bg);justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:80px 20px;display:flex}.authCard{background:var(--surface);border:1px solid var(--border);border-radius:32px;width:100%;max-width:520px;padding:40px;box-shadow:0 25px 60px #0f172a14}.authCard h1{letter-spacing:-.04em;margin:0;font-size:42px}.authSubtitle{color:var(--muted);margin-top:12px}.authForm{flex-direction:column;gap:20px;margin-top:30px;display:flex}.authForm label{flex-direction:column;gap:8px;font-weight:600;display:flex}.authForm input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:14px 16px;font-size:16px}.authForm input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.authButton{cursor:pointer;border:none;width:100%;margin-top:10px}.authFooter{text-align:center;color:var(--muted);margin-top:24px}.authFooter a{color:var(--primary);font-weight:700}.checkboxGroup{gap:14px;margin-top:6px;display:grid}.checkboxLabel{color:var(--muted);grid-template-columns:18px 1fr;align-items:flex-start;font-size:13px;line-height:1.5;gap:10px!important;font-weight:500!important;display:grid!important}.checkboxLabel input{width:16px;height:16px;margin-top:3px}.checkboxLabel a{color:var(--primary);font-weight:800}.legalSection{background:var(--surface-soft);padding:80px 7%}.legalCard{background:var(--surface);border:1px solid var(--border);border-radius:32px;max-width:980px;margin:0 auto;padding:44px;box-shadow:0 25px 60px #0f172a12}.legalCard h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(36px,5vw,56px)}.legalCard h2{margin-top:34px;font-size:24px}.legalCard p,.legalCard li{color:var(--muted);line-height:1.75}.legalLead{color:var(--muted);font-size:18px}.dashboardHero{background:radial-gradient(circle at top left, #7c3aed24, transparent 34%), var(--bg);justify-content:space-between;align-items:center;gap:30px;padding:80px 7% 40px;display:flex}.dashboardBadge{background:var(--surface);color:var(--primary);border-radius:999px;margin:0 0 14px;padding:8px 12px;font-weight:800;display:inline-flex;box-shadow:0 12px 30px #0f172a0f}.dashboardHero h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5vw,64px)}.dashboardHero p{max-width:680px;color:var(--muted);font-size:18px;line-height:1.7}.dashboardStatus{color:#fff;background:#0f172a;border-radius:26px;align-items:center;gap:14px;min-width:290px;padding:22px;display:flex;box-shadow:0 25px 60px #0f172a38}.dashboardStatus svg{color:#06b6d4}.dashboardStatus div{gap:4px;display:grid}.dashboardStatus span{color:#cbd5e1;font-size:14px}.dashboardGrid{background:var(--surface-soft);grid-template-columns:repeat(3,1fr);gap:22px;padding:40px 7% 90px;display:grid}.dashboardCard{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:28px;transition:all .2s;box-shadow:0 20px 50px #0f172a0f}.dashboardCard:hover{transform:translateY(-4px);box-shadow:0 25px 70px #0f172a1a}.dashboardIcon{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:18px;place-items:center;width:52px;height:52px;display:grid}.dashboardCard h2{margin:20px 0 10px;font-size:24px}.dashboardCard p{color:var(--muted);margin:0;line-height:1.7}@media (width<=600px){.deleteButton{width:100%}}@media (width<=900px){.dashboardHero{flex-direction:column;align-items:flex-start}.dashboardGrid{grid-template-columns:1fr}.dashboardStatus{width:100%}.hero{text-align:center;grid-template-columns:1fr;gap:40px}.heroContent{align-items:center}.hero h1{font-size:38px;line-height:1.15}.hero p{font-size:17px}.heroActions{flex-direction:column;width:100%}.heroActions a{width:100%}.heroCard{width:100%;max-width:420px;margin:0 auto}.badge{margin-inline:auto}.materialActions{gap:12px;display:grid}.materialActions button,.materialActions a{width:100%}.materialControls{gap:12px;display:grid}.materialControls select{width:100%}.pricingCard{padding:18px}.primaryButton,.secondaryButton{min-height:48px}.authError{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);border-radius:14px;margin-top:18px;padding:12px 14px;font-size:14px;font-weight:700}}body,.page,.navbar,.pricingCard,.section,input,textarea,select,button{transition:background-color .2s,color .2s,border-color .2s,transform .2s,filter .2s,box-shadow .2s}.primaryButton:hover{filter:brightness(1.05);transform:translateY(-2px)}.secondaryButton:hover{background:var(--surface-soft)}html[data-theme=dark] .pricingCard,html[data-theme=dark] .dashboardCard,html[data-theme=dark] .legalCard,html[data-theme=dark] .authCard{box-shadow:0 20px 45px #00000073}html[data-theme=dark] .featureCard,html[data-theme=dark] .benefit{box-shadow:0 12px 30px #00000059}.materialActions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}@media (width<=768px){.materialActions{flex-direction:column}.materialActions>*{width:100%;margin:0!important}.materialControls{flex-direction:column}.materialControls select{width:100%}}.flashcardActions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (width<=768px){.flashcardActions{flex-direction:column}.flashcardActions>*{width:100%}}.resultActions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (width<=768px){.resultActions{flex-direction:column}.resultActions>*{width:100%}}.faqGrid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.faqCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 16px 40px #0f172a0f}.faqCard h3{margin:0 0 10px;font-size:20px}.faqCard p{color:var(--muted);margin:0;line-height:1.7}@media (width<=900px){.faqGrid{grid-template-columns:1fr}}.cookieBanner{z-index:9998;background:var(--surface);border:1px solid var(--border);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex;position:fixed;bottom:24px;left:24px;right:24px;box-shadow:0 24px 70px #0f172a38}.cookieBanner p{color:var(--muted);margin:8px 0;line-height:1.6}.cookieBanner a{color:var(--primary);font-weight:800}.cookieActions{flex-shrink:0;gap:12px;display:flex}@media (width<=768px){.cookieBanner{flex-direction:column;align-items:stretch;bottom:12px;left:12px;right:12px}.cookieActions{flex-direction:column}.cookieActions button{width:100%}}