@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_67aaff25-module__MSkHWW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_67aaff25-module__MSkHWW__variable{--font-inter:"Inter","Inter Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-10{z-index:10}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-\[450px\]{height:450px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[75\%\]{max-width:75%}.max-w-\[85\%\]{max-width:85%}.max-w-\[90\%\]{max-width:90%}.flex-1{flex:1}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--accent-primary\)\]{border-color:var(--accent-primary)}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-\[15px\]{font-size:15px}.text-\[var\(--accent-secondary\)\]{color:var(--accent-secondary)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--container-max:1200px;--container-narrow:800px;--section-padding:120px;--bg-primary:#050507;--bg-secondary:#0a0a0f;--bg-tertiary:#111118;--bg-card:#11111899;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--accent-primary:#8b5cf6;--accent-secondary:#a78bfa;--accent-tertiary:#c4b5fd;--accent-glow:#8b5cf626;--border-subtle:#ffffff0f;--border-light:#ffffff1a;--border-accent:#8b5cf64d;--shadow-color:#0000004d;--overlay-bg:#0009;--input-bg:#ffffff0d;--success-color:#22c55e;--error-color:#ef4444}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f1f3f8;--bg-card:#fffc;--text-primary:#1a1a2e;--text-secondary:#1a1a2eb3;--text-muted:#1a1a2e80;--accent-primary:#7c3aed;--accent-secondary:#8b5cf6;--accent-tertiary:#a78bfa;--accent-glow:#7c3aed1a;--border-subtle:#0000000f;--border-light:#0000001a;--border-accent:#7c3aed4d;--shadow-color:#00000014;--overlay-bg:#0006;--input-bg:#00000008}.logo-wrapper{align-items:center;display:inline-flex;position:relative}.logo-wrapper img{object-fit:contain;height:auto}.logo--white{display:block!important}.logo--black,[data-theme=light] .logo--white{display:none!important}[data-theme=light] .logo--black{display:block!important}*,:before,:after{box-sizing:border-box}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans)!important}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);max-width:100vw;line-height:1.6;overflow-x:hidden}.landing-page{background:var(--bg-primary);min-height:100vh}.landing-header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#050507cc;padding:16px 24px;position:fixed;top:0;left:0;right:0}.landing-header-content{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-logo{align-items:center;gap:10px;display:flex}.landing-logo span{color:var(--text-primary);font-size:1.25rem;font-weight:600}.landing-nav{align-items:center;gap:32px;display:flex}.landing-nav-link{color:var(--text-secondary);font-size:.9375rem;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:var(--text-primary)}.landing-header-actions{align-items:center;gap:12px;display:flex}.btn-ghost-landing{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-ghost-landing:hover{color:var(--text-primary);background:#ffffff0d}.btn-primary-landing{color:#fff;background:var(--accent-primary);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary-landing:hover{background:var(--accent-secondary)}@media (max-width:768px){.landing-nav,.btn-ghost-landing{display:none}}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:140px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-gradient-orb{filter:blur(120px);opacity:.5;border-radius:50%;position:absolute}.hero-gradient-orb-1{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#3b82f6 100%);width:600px;height:600px;animation:20s ease-in-out infinite float-slow;top:-200px;right:-100px}.hero-gradient-orb-2{background:linear-gradient(135deg,#ff66c4 0%,#8b5cf6 100%);width:500px;height:500px;animation:25s ease-in-out infinite reverse float-slow;bottom:-150px;left:-100px}.hero-glow{background:radial-gradient(circle,#8b5cf61a 0%,#0000 60%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.floating-word{color:#ffffff14;letter-spacing:.05em;font-size:1rem;font-weight:600;animation:8s ease-in-out infinite float-word;position:absolute}@keyframes float-word{0%,to{opacity:.05;transform:translateY(0)}50%{opacity:.12;transform:translateY(-15px)}}.hero-content{z-index:10;max-width:var(--container-narrow);text-align:center;margin:0 auto;position:relative}.hero-badge{color:var(--accent-secondary);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.hero-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}.gradient-text-hero{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa 0%,#ff66c4 50%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.hero-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 24px #8b5cf64d}.hero-cta-primary:hover{background:linear-gradient(135deg,#9d6df7 0%,#ff7dd0 100%);transform:translateY(-2px);box-shadow:0 8px 32px #ff66c466}.hero-cta-secondary{color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.hero-cta-secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-trust{justify-content:center;align-items:center;gap:12px;margin-bottom:60px;display:flex}.hero-trust-label{color:var(--text-muted);font-size:.875rem}.hero-trust-divider{color:var(--text-muted)}.hero-visual{max-width:500px;margin:0 auto;position:relative}.hero-app-preview{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}.app-preview-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 16px;display:flex}.app-preview-dots{gap:6px;display:flex}.app-preview-dots span{background:var(--border-light);border-radius:50%;width:10px;height:10px}.app-preview-dots span:first-child{background:#ef4444}.app-preview-dots span:nth-child(2){background:#eab308}.app-preview-dots span:last-child{background:#22c55e}.app-preview-title{color:var(--text-muted);font-size:.8125rem}.app-preview-content{padding:20px}.preview-message{margin-bottom:16px}.preview-message-ai{gap:10px;display:flex}.preview-message-user{justify-content:flex-end;display:flex}.preview-avatar{background:linear-gradient(135deg,var(--accent-primary),#ff66c4);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.preview-bubble{border-radius:16px;max-width:280px;padding:12px 16px;font-size:.875rem;line-height:1.5}.preview-message-ai .preview-bubble{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px}.preview-message-user .preview-bubble{background:var(--accent-primary);color:#fff;border-bottom-right-radius:4px}.preview-correction{color:var(--accent-tertiary)}.preview-correction u{color:#22c55e;font-weight:500;text-decoration:none}.preview-recording{border-top:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding-top:16px;display:flex}.preview-record-btn{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 20px #8b5cf666}.preview-recording span{color:var(--text-muted);font-size:.8125rem}.hero-stat{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;animation:6s ease-in-out infinite float-stat;display:flex;position:absolute;box-shadow:0 10px 40px #0000004d}.hero-stat-1{animation-delay:0s;top:20%;left:-60px}.hero-stat-2{animation-delay:1s;bottom:20%;right:-60px}@keyframes float-stat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.hero-stat-label{color:var(--text-muted);font-size:.75rem}@media (max-width:640px){.hero-stat{display:none}}.trust-bar{text-align:center;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);padding:40px 24px}.trust-bar-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-size:.8125rem}.trust-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.trust-logo{color:var(--text-muted);opacity:.6;font-size:.9375rem;font-weight:500}.section-dark{padding:var(--section-padding)24px;background:var(--bg-primary)}.section-gradient{padding:var(--section-padding)24px;background:linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%)}.section-container{max-width:var(--container-max);margin:0 auto}.section-label{color:var(--accent-secondary);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.section-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.gradient-text-section{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#fff9 100%);-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:60px;font-size:1.125rem}.setup-flow{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.setup-step{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex:1;min-width:280px;max-width:320px;padding:32px;transition:all .3s}.setup-step:hover{border-color:var(--border-light);transform:translateY(-4px)}.setup-step-highlight{background:linear-gradient(135deg,#8b5cf60d 0%,#ff66c414 100%);border-color:#ff66c44d}.setup-step-highlight .setup-step-number{background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%)}.setup-step-number{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:20px;font-weight:700;display:flex}.setup-step-content h3{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600}.setup-step-content p{color:var(--text-secondary);margin-bottom:20px;font-size:.9375rem}.setup-step-visual{background:var(--bg-tertiary);border-radius:12px;padding:16px}.lang-mini-grid{gap:8px;display:flex}.lang-mini{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .2s;display:flex}.lang-mini-active{border-color:var(--accent-primary);background:#8b5cf61a}.level-pills{flex-direction:column;gap:6px;display:flex}.level-pill{color:var(--text-muted);background:var(--bg-secondary);border-radius:6px;padding:8px 12px;font-size:.8125rem}.level-pill-active{color:var(--accent-secondary);background:#8b5cf633}.ready-indicator{justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;display:flex;position:relative}.ready-pulse{background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border-radius:50%;animation:2s ease-out infinite ready-pulse;position:absolute;inset:0}@keyframes ready-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.ready-indicator svg{z-index:1;color:#ff66c4;position:relative}.ready-text{text-align:center;color:#ff8ad4;font-size:.8125rem;font-weight:500;display:block}.setup-connector{color:var(--text-muted);align-items:center;padding-top:60px;display:flex}@media (max-width:900px){.setup-connector{display:none}}.indicators-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:900px){.indicators-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.indicators-grid{grid-template-columns:1fr}}.indicator-card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.indicator-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.indicator-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.indicator-card-emerald:before{background:linear-gradient(90deg,#10b981,#34d399)}.indicator-card-emerald:hover{border-color:#10b98166}.indicator-card-violet:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.indicator-card-violet:hover{border-color:#8b5cf666}.indicator-card-pink:before{background:linear-gradient(90deg,#ff66c4,#ff8ad4)}.indicator-card-pink:hover{border-color:#ff66c466}.indicator-card-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.indicator-card-amber:hover{border-color:#f59e0b66}.indicator-card-rose:before{background:linear-gradient(90deg,#ff66c4,#ff8ad4)}.indicator-card-rose:hover{border-color:#ff66c466}.indicator-card-orange:before{background:linear-gradient(90deg,#f97316,#fb923c)}.indicator-card-orange:hover{border-color:#f9731666}.indicator-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.indicator-icon-emerald{color:#34d399;background:#10b98126}.indicator-icon-violet{color:#a78bfa;background:#8b5cf626}.indicator-icon-pink{color:#ff8ad4;background:#ff66c426}.indicator-icon-amber{color:#fbbf24;background:#f59e0b26}.indicator-icon-rose{color:#ff8ad4;background:#ff66c426}.indicator-icon-orange{color:#fb923c;background:#f9731626}.indicator-title{color:var(--text-primary);margin-bottom:8px;font-size:1.125rem;font-weight:600}.indicator-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.9375rem;line-height:1.6}.visual-fluency{background:linear-gradient(135deg,#10b9810d,#10b9811a);border:1px solid #10b98126;border-radius:12px;padding:20px}.fluency-chart{justify-content:space-between;align-items:flex-end;height:60px;margin-bottom:12px;display:flex}.fluency-bar{transform-origin:bottom;background:linear-gradient(#34d399,#10b981);border-radius:4px 4px 0 0;width:10%;animation:1s ease-out forwards fluency-grow}@keyframes fluency-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.fluency-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.8125rem;display:flex}.fluency-trend{color:#34d399;font-weight:600}.visual-pronunciation{background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a);border:1px solid #8b5cf626;border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex}.pronunciation-ring{flex-shrink:0;width:80px;height:80px;position:relative}.pronunciation-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#8b5cf633;stroke-width:8px}.ring-progress{fill:none;stroke:#a78bfa;stroke-width:8px;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:21px;animation:1.5s ease-out forwards ring-fill}@keyframes ring-fill{0%{stroke-dashoffset:264px}to{stroke-dashoffset:21px}}.ring-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.ring-unit{color:var(--text-muted);margin-top:4px;font-size:.75rem}.pronunciation-wave{align-items:center;gap:3px;height:40px;display:flex}.wave-bar{background:linear-gradient(#a78bfa,#8b5cf6);border-radius:2px;width:4px;height:100%;animation:1s ease-in-out infinite wave-pulse}@keyframes wave-pulse{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.visual-vocabulary{background:linear-gradient(135deg,#ff66c40d,#ff66c41a);border:1px solid #ff66c426;border-radius:12px;padding:20px}.vocab-cloud{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.vocab-word{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:20px;padding:6px 12px;transition:all .2s}.vocab-word-lg{font-size:.9375rem;font-weight:500}.vocab-word-md{font-size:.8125rem}.vocab-word-sm{font-size:.75rem}.vocab-new{color:#ff8ad4;background:#ff66c426;border-color:#ff66c44d}.vocab-counter{align-items:baseline;gap:6px;display:flex}.vocab-count{color:#ff8ad4;font-size:1.5rem;font-weight:700}.vocab-label{color:var(--text-muted);font-size:.8125rem}.visual-grammar-new{background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a);border:1px solid #f59e0b26;border-radius:12px;padding:20px}.grammar-example{margin-bottom:14px}.grammar-wrong,.grammar-correct{border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;display:flex}.grammar-wrong{color:var(--text-muted);background:#ef44441a;margin-bottom:4px;text-decoration:line-through}.grammar-x{color:#ef4444;font-weight:600}.grammar-arrow{text-align:center;color:#fbbf24;margin:4px 0;font-size:.75rem}.grammar-correct{color:var(--text-primary);background:#22c55e1a;font-weight:500}.grammar-check{color:#22c55e;font-weight:600}.grammar-rule{color:#fbbf24;background:#f59e0b1a;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;display:flex}.visual-corrections-new{background:linear-gradient(135deg,#ff66c40d,#ff66c41a);border:1px solid #ff66c426;border-radius:12px;padding:20px}.correction-demo{margin-bottom:14px}.correction-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;padding:10px 14px;font-size:.875rem;display:flex}.correction-wrong{color:#f43f5e;-webkit-text-decoration:underline wavy #f43f5e;text-decoration:underline wavy #f43f5e}.correction-cursor{color:var(--accent-primary);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.correction-suggestion{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.suggestion-icon{font-size:1rem}.suggestion-text{color:#22c55e;font-size:.875rem;font-weight:500}.correction-stats{color:var(--text-muted);font-size:.75rem}.visual-milestones-new{background:linear-gradient(135deg,#f973160d,#f973161a);border:1px solid #f9731626;border-radius:12px;padding:20px}.milestone-badges{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.badge{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.badge-earned{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ff66c4)}.badge-current{animation:2s ease-in-out infinite badge-glow;box-shadow:0 0 0 3px #ff66c44d}@keyframes badge-glow{0%,to{box-shadow:0 0 0 3px #ff66c44d}50%{box-shadow:0 0 0 6px #ff66c433}}.badge-locked{background:var(--bg-tertiary);color:var(--text-muted);opacity:.5}.milestone-progress{flex-direction:column;gap:6px;display:flex}.milestone-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.milestone-fill{background:linear-gradient(90deg,#8b5cf6,#ff66c4);border-radius:3px;height:100%;animation:1.5s ease-out forwards progress-fill}@keyframes progress-fill{0%{width:0}}.milestone-text{color:var(--text-muted);text-align:center;font-size:.8125rem}.experience-tabs{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.experience-tab{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:10px;padding:14px 28px;font-size:.9375rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.experience-tab:hover{border-color:var(--border-light);color:var(--text-secondary)}.experience-tab-active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border-color:#ff66c4}.tab-progress{background:#fff6;height:3px;animation:5s linear forwards tab-progress-fill;position:absolute;bottom:0;left:0}@keyframes tab-progress-fill{0%{width:0%}to{width:100%}}.experience-visual{max-width:750px;margin:0 auto}.experience-window{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006}.experience-window-animate{animation:.4s ease-out window-fade-in}@keyframes window-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.experience-window-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:14px 20px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{border-radius:50%;width:10px;height:10px}.window-dots span:first-child{background:#ef4444}.window-dots span:nth-child(2){background:#eab308}.window-dots span:last-child{background:#22c55e}.experience-window-header>span{color:var(--text-muted);font-size:.8125rem}.experience-window-content{min-height:320px;padding:24px}.conversation-flow{flex-direction:column;gap:20px;display:flex}.conv-message{max-width:85%}.conv-ai{align-self:flex-start}.conv-user{align-self:flex-end}.conv-animate{opacity:0;animation:.5s ease-out forwards conv-slide-in}@keyframes conv-slide-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.conv-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.conv-message p{border-radius:16px;padding:14px 18px;font-size:.9375rem;line-height:1.5}.conv-ai p{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px}.conv-user p{background:var(--accent-primary);color:#fff;border-bottom-right-radius:4px}.conv-translation{color:var(--text-muted);margin-top:8px;font-size:.8125rem;font-style:italic;display:block}.conv-tip{color:var(--accent-secondary);background:linear-gradient(135deg,#8b5cf61a 0%,#ff66c41a 100%);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:.8125rem;display:flex}.corrections-demo{flex-direction:column;gap:24px;display:flex}.correction-row{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;padding:20px}.correction-original{margin-bottom:12px}.correction-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.6875rem;font-weight:600;display:block}.correction-label-good{color:#22c55e}.correction-text-wrong{color:var(--text-secondary);background:#ef444414;border:1px solid #ef444426;border-radius:8px;margin:0;padding:10px 14px;font-size:.9375rem}.correction-text-right{color:var(--text-primary);background:#22c55e14;border:1px solid #22c55e26;border-radius:8px;margin:0;padding:10px 14px;font-size:.9375rem}.highlight-error{color:#ef4444;-webkit-text-decoration:line-through #ef4444;text-decoration:line-through #ef4444}.highlight-correct{color:#22c55e;font-weight:600}.correction-fixed{margin-bottom:14px}.correction-explanation{color:var(--accent-secondary);background:#8b5cf61a;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.8125rem;line-height:1.5;display:flex}.correction-explanation strong{color:var(--accent-tertiary)}.summary-demo{flex-direction:column;gap:24px;display:flex}.summary-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:500px){.summary-stats{grid-template-columns:repeat(2,1fr)}}.summary-stat{text-align:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 12px}.summary-stat-highlight{background:linear-gradient(135deg,#8b5cf61a 0%,#ff66c426 100%);border-color:#ff66c44d}.summary-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:700;display:block}.summary-stat-highlight .summary-stat-value{color:#ff8ad4}.summary-stat-label{color:var(--text-muted);font-size:.75rem}.summary-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;padding:20px}.summary-section h4{color:var(--text-primary);margin-bottom:14px;font-size:.875rem;font-weight:600}.summary-words{flex-wrap:wrap;gap:8px;display:flex}.summary-word{color:#ff8ad4;background:#ff66c41a;border:1px solid #ff66c433;border-radius:20px;padding:8px 14px;font-size:.875rem;font-weight:500}.summary-tips{flex-direction:column;gap:10px;display:flex}.summary-tip{color:var(--text-secondary);background:#f59e0b14;border:1px solid #f59e0b26;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;display:flex}.summary-tip svg{color:#fbbf24;flex-shrink:0}.paths-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;grid-template-columns:300px 1fr;gap:32px;display:grid;overflow:hidden}@media (max-width:800px){.paths-container{grid-template-columns:1fr}}.paths-sidebar{background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);padding:24px}.paths-sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.75rem;font-weight:600}.path-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 14px;transition:all .2s;display:flex}.path-item:hover{background:#ffffff08}.path-item-active{background:linear-gradient(135deg,#8b5cf61a 0%,#ff66c41a 100%);border-left:3px solid #ff66c4}.path-info{flex-direction:column;gap:2px;display:flex}.path-name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.path-count{color:var(--text-muted);font-size:.75rem}.path-add{width:100%;color:var(--accent-secondary);border:1px dashed var(--border-light);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:12px;font-size:.875rem;transition:all .2s}.path-add:hover{border-color:var(--accent-primary);background:#8b5cf60d}.paths-preview{padding:32px}.paths-preview h3{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:600}.paths-preview-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.9375rem}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:600px){.scenario-grid{grid-template-columns:repeat(2,1fr)}}.scenario-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;padding:14px;font-size:.875rem;transition:all .2s;display:flex}.scenario-card:hover{color:var(--text-primary);background:linear-gradient(135deg,#8b5cf60d 0%,#ff66c40d 100%);border-color:#ff66c466}.scenario-card svg{color:#ff8ad4;flex-shrink:0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;display:grid}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--border-light);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.feature-card-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.feature-card-pink:before{background:linear-gradient(90deg,#ff66c4,#ff8ad4)}.feature-card-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.feature-card-orange:before{background:linear-gradient(90deg,#f97316,#fb923c)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.feature-card-purple .feature-icon{color:#a78bfa;background:#8b5cf626}.feature-card-blue .feature-icon{color:#60a5fa;background:#3b82f626}.feature-card-pink .feature-icon{color:#ff8ad4;background:#ff66c426}.feature-card-green .feature-icon{color:#34d399;background:#10b98126}.feature-card-orange .feature-icon{color:#fb923c;background:#f9731626}.feature-title{color:var(--text-primary);margin-bottom:8px;font-size:1.125rem;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:.9375rem}.command-teaser{text-align:center}.command-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:.9375rem;display:inline-flex}.command-box svg{color:var(--text-muted)}.command-box kbd{background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-primary);border-radius:6px;padding:4px 10px;font-family:monospace;font-size:.875rem}.cta-section{text-align:center;padding:140px 24px;position:relative;overflow:hidden}.cta-bg{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cta-orb-wrapper{opacity:.7;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:relative}.cta-orb-wrapper:hover{opacity:1}.siri-orb-cta{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.siri-orb-cta .siri-orb-glow{filter:blur(60px);background:radial-gradient(circle,#8b5cf666 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite siri-glow;position:absolute}@keyframes siri-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}.siri-orb-cta .siri-orb-container{filter:blur(2px)contrast(1.5);width:180px;height:180px;position:relative}.siri-orb-cta .siri-blob{filter:blur(15px);mix-blend-mode:screen;border-radius:50%;animation:8s ease-in-out infinite siri-morph;position:absolute}.siri-orb-cta .siri-blob-1{background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);width:140px;height:140px;animation-delay:0s;top:20px;left:20px}.siri-orb-cta .siri-blob-2{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);width:130px;height:130px;animation-duration:7s;animation-delay:-1.5s;top:15px;left:35px}.siri-orb-cta .siri-blob-3{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);width:120px;height:120px;animation-duration:9s;animation-delay:-3s;top:30px;left:15px}.siri-orb-cta .siri-blob-4{background:linear-gradient(135deg,#ff66c4 0%,#e855b0 100%);width:110px;height:110px;animation-duration:6s;animation-delay:-4.5s;top:25px;left:40px}.siri-orb-cta .siri-blob-5{background:linear-gradient(135deg,#10b981 0%,#059669 100%);width:100px;height:100px;animation-duration:10s;animation-delay:-6s;top:35px;left:30px}@keyframes siri-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0)rotate(0)scale(1)}25%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:translate(10px,-10px)rotate(90deg)scale(1.1)}50%{border-radius:50% 60% 30%/30% 40% 70% 50%;transform:translate(-5px,10px)rotate(180deg)scale(.95)}75%{border-radius:40% 30% 60% 50%/60% 70% 30% 40%;transform:translate(5px,5px)rotate(270deg)scale(1.05)}}.cta-content{z-index:10;position:relative}.cta-title{color:var(--text-primary);margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.cta-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.125rem}.cta-actions{margin-bottom:20px}.cta-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:18px 36px;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 30px #8b5cf666}.cta-btn-primary:hover{background:linear-gradient(135deg,#9d6df7 0%,#ff7dd0 100%);transform:translateY(-2px);box-shadow:0 8px 40px #ff66c480}.cta-trust{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;font-size:.875rem;display:flex}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:60px 24px 30px}.footer-content{max-width:var(--container-max);grid-template-columns:1fr 2fr;gap:60px;margin:0 auto 40px;display:grid}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:40px}}.footer-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-logo span{color:var(--text-primary);font-size:1.25rem;font-weight:600}.footer-tagline{color:var(--text-secondary);font-size:.9375rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}@media (max-width:600px){.footer-links{grid-template-columns:repeat(2,1fr)}}.footer-col h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.8125rem;font-weight:600}.footer-col a,.footer-col span{color:var(--text-secondary);margin-bottom:10px;font-size:.9375rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:var(--container-max);border-top:1px solid var(--border-subtle);text-align:center;margin:0 auto;padding-top:30px}.footer-bottom span{color:var(--text-muted);font-size:.875rem}.app-bg{background:var(--bg-primary);min-height:100dvh;position:relative;overflow:hidden}.app-bg:before{content:"";background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),transparent),radial-gradient(ellipse 50% 50% at 90% 10%,#06b6d414,transparent),radial-gradient(ellipse 40% 40% at 10% 90%,#8b5cf60f,transparent);pointer-events:none;z-index:0;position:fixed;inset:0}.container-narrow{width:100%;max-width:480px;margin:0 auto;padding:0 20px}.container-narrow label.text-small{margin-bottom:16px;font-weight:500;display:block}.container-narrow>div{margin-bottom:28px}.container-narrow>div:last-of-type{margin-bottom:32px}.container-chat{width:100%;max-width:640px;margin:0 auto;padding:0 16px}.text-display{letter-spacing:-.02em;font-size:clamp(2rem,8vw,3.5rem);font-weight:700;line-height:1.1}.text-title{letter-spacing:-.01em;font-size:clamp(1.5rem,5vw,2rem);font-weight:600}.text-body{color:var(--text-secondary);font-size:1rem}.text-small{color:var(--text-muted);font-size:.875rem}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#fff9 100%);-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:14px 28px;font-size:1rem;box-shadow:0 4px 24px #8b5cf640}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-light);background:#ffffff0d;padding:12px 24px;font-size:.9375rem}.btn-secondary:hover{background:#ffffff1a}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:10px 16px;font-size:.875rem}.btn-ghost:hover{color:var(--text-primary);background:var(--input-bg)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--border-light);background:var(--bg-secondary)}.theme-toggle__icons{width:20px;height:20px;position:relative}.theme-toggle__icon{width:20px;height:20px;color:var(--text-muted);transition:all .3s;position:absolute;top:0;left:0}.theme-toggle__icon--sun{opacity:0;transform:rotate(-90deg)scale(0)}.theme-toggle__icon--moon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle__icon--active{color:var(--accent-primary);opacity:1;transform:rotate(0)scale(1)}.theme-toggle__icon--sun.theme-toggle__icon--active~.theme-toggle__icon--moon{opacity:0;transform:rotate(90deg)scale(0)}[data-theme=light] .theme-toggle__icon--sun{opacity:1;color:var(--accent-primary);transform:rotate(0)scale(1)}[data-theme=light] .theme-toggle__icon--moon{opacity:0;transform:rotate(90deg)scale(0)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;padding:24px}.chat-container{flex-direction:column;gap:16px;padding:16px 0;display:flex}.message{max-width:85%;animation:.3s messageIn}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-ai{align-self:flex-start}.message-user{align-self:flex-end}.message-bubble{border-radius:18px;padding:14px 18px;line-height:1.5}.message-bubble-ai{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px}.message-bubble-user{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#c462e8 100%);border-bottom-right-radius:4px}.message-actions{align-items:center;gap:4px;margin-top:8px;padding-left:2px;display:flex}.message-action{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.message-action:hover{border-color:var(--border-subtle);color:var(--text-secondary);background:#ffffff0d}.message-action:active{transform:scale(.95)}.message-action--active{color:#ff8ad4;background:#ff66c426;border-color:#ff66c44d}.message-action--active:hover{background:#ff66c433}.message-action--success{color:#22c55e}.learning-welcome{text-align:center;background:linear-gradient(135deg,#8b5cf61a,#ff66c41a);border:1px solid #8b5cf633;border-radius:16px;margin-bottom:24px;padding:24px}.learning-welcome-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:inline-flex}.learning-welcome h3{color:var(--text-primary);margin-bottom:8px;font-size:1.125rem;font-weight:600}.learning-welcome p{color:var(--text-secondary);margin-bottom:16px;font-size:.9375rem}.learning-tips{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.learning-tip{background:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;display:flex}.learning-tip svg{color:var(--accent-primary)}.message-corrections{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;margin-top:12px;padding:12px}.correction-header{color:#f59e0b;align-items:center;gap:6px;margin-bottom:10px;font-size:.8125rem;font-weight:600;display:flex}.correction-item{border-bottom:1px solid #f59e0b1a;padding:8px 0}.correction-item:last-child{border-bottom:none;padding-bottom:0}.correction-original,.correction-fixed{align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.correction-label{color:var(--text-muted);min-width:60px;font-size:.75rem;font-weight:500}.correction-text{color:var(--text-primary);font-size:.875rem}.correction-text-correct{color:#22c55e;font-weight:500}.correction-explanation{color:var(--text-secondary);border-top:1px dashed #f59e0b33;align-items:flex-start;gap:6px;margin-top:8px;padding-top:8px;font-size:.8125rem;display:flex}.correction-explanation svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.message-teaching{margin-top:12px}.teaching-item{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin-bottom:8px;padding:12px}.teaching-item:last-child{margin-bottom:0}.teaching-header{color:#3b82f6;text-transform:capitalize;align-items:center;gap:6px;margin-bottom:8px;font-size:.8125rem;font-weight:600;display:flex}.teaching-item p{color:var(--text-primary);margin:0;font-size:.875rem;line-height:1.5}.teaching-example{border-top:1px dashed #3b82f633;margin-top:8px;padding-top:8px;font-size:.8125rem}.example-label{color:var(--text-muted);margin-right:6px}.teaching-example span:last-child{color:#3b82f6;font-style:italic}.message-action--success:hover{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.message-meta{align-items:center;gap:8px;margin-bottom:6px;padding-left:2px;display:flex}.message-avatar{background:linear-gradient(135deg,var(--accent-primary),#ff66c4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.message-avatar svg{color:#fff;width:14px;height:14px}.message-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.typing-indicator{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:18px 18px 18px 4px;align-items:center;gap:4px;width:fit-content;padding:14px 18px;display:flex}.typing-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.record-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s;display:flex;position:relative}.record-btn-idle{background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);box-shadow:0 4px 24px #ff66c466}.record-btn-idle:hover{transform:scale(1.05);box-shadow:0 6px 32px #ff66c480}.record-btn-recording{background:#ef4444;box-shadow:0 4px 24px #ef444466}.record-btn-recording:before{content:"";border:2px solid #ef444480;border-radius:50%;animation:1.5s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.record-btn-disabled{background:var(--bg-tertiary);cursor:not-allowed;box-shadow:none}.record-btn svg{color:#fff;width:28px;height:28px}.record-btn.record-btn-inline{flex-shrink:0;width:48px;height:48px}.record-btn.record-btn-inline svg{width:20px;height:20px}.chat-input-row{align-items:center;gap:8px;width:100%;max-width:600px;margin:0 auto;padding:0 16px;display:flex}.chat-text-input{border:1px solid var(--border-light);background:var(--input-bg);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);border-radius:24px;outline:none;flex:1;min-width:0;padding:12px 16px;transition:border-color .2s}.chat-text-input::placeholder{color:var(--text-muted)}.chat-text-input:focus{border-color:var(--accent-primary)}.chat-text-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 4px 16px #8b5cf64d}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px #8b5cf666}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:768px){.chat-input-row{padding:0 8px}.chat-text-input{padding:10px 14px;font-size:16px}}.header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#050507d9;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:640px;height:60px;margin:0 auto;padding:0 16px;display:flex}.input-area{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);padding:20px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:#050507e6;position:sticky;bottom:0}.input-area-content{flex-direction:column;align-items:center;gap:12px;max-width:640px;margin:0 auto;display:flex}.lang-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.lang-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.lang-card:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.lang-card-selected{background:#8b5cf61a;border-color:#8b5cf666}.lang-flag{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.lang-name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.lang-search-container{align-items:center;display:flex;position:relative}.lang-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.lang-search-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 14px 12px 44px;font-size:.9375rem;transition:all .2s}.lang-search-input:focus{border-color:var(--accent-primary);background:var(--bg-tertiary);outline:none}.lang-search-input::placeholder{color:var(--text-muted)}.lang-region-tabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;margin-top:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.lang-region-tab{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.8125rem;font-weight:500;transition:all .2s}.lang-region-tab:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.lang-region-tab-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.lang-region-tab-active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.lang-grid-expanded{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lang-grid-expanded .lang-card{gap:8px;padding:10px 12px}.lang-grid-expanded .lang-flag-emoji{font-size:1.5rem}.lang-grid-expanded .lang-name{font-size:.8125rem}.lang-flag-emoji{flex-shrink:0;font-size:1.75rem;line-height:1}@media (max-width:900px){.lang-grid-expanded{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.lang-grid-expanded{grid-template-columns:repeat(2,1fr)}.lang-region-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:16px;padding-bottom:12px;overflow-x:auto}.lang-region-tab{flex-shrink:0}}.level-list{flex-direction:column;gap:8px;display:flex}.level-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.level-card:hover{background:var(--bg-tertiary)}.level-card-selected{background:#8b5cf61a;border-color:#8b5cf666}.level-info{text-align:left;flex:1}.level-info h3{color:var(--text-primary);text-align:left;margin:0 0 2px;font-size:.9375rem;font-weight:500}.level-info p{color:var(--text-muted);text-align:left;margin:0;font-size:.8125rem}.level-check{background:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:12px;display:flex}.level-check svg{color:#fff;width:12px;height:12px}.status-pill{border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.status-recording{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.status-recording .dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-playing{color:#ff8ad4;background:#ff66c41a;border:1px solid #ff66c44d}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;padding:16px}.stat-icon{width:32px;height:32px;color:var(--accent-secondary);margin:0 auto 8px}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.stat-label{color:var(--text-muted);margin-top:2px;font-size:.75rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.fade-in{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:.4s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:#8b5cf64d}.animated-bg-hero{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg-top{height:400px;position:absolute;top:0;left:0;right:0}.hero-bg-top-gradient{background:radial-gradient(80% 60% at 50% 0,#8b5cf61f 0%,#8b5cf600 70%);position:absolute;inset:0}.hero-bg-top-line{background:linear-gradient(#0000 0%,#a78bfa99 30%,#8b5cf6cc 50%,#a78bfa99 70%,#0000 100%);width:2px;height:200px;animation:6s ease-in-out infinite lineFlow;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes lineFlow{0%,to{opacity:.3;transform:translate(-50%)translateY(-100%)}50%{opacity:1;transform:translate(-50%)translateY(100%)}}.hero-bg-rays{height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.hero-ray{background:linear-gradient(#0000 0%,#8b5cf61a 20%,#a78bfa4d 50%,#8b5cf61a 80%,#0000 100%);width:1px;height:200%;animation:10s ease-in-out infinite rayMove;position:absolute;top:-50%}.hero-ray-1{animation-delay:0s;left:20%;transform:rotate(15deg)}.hero-ray-2{animation-delay:3s;left:50%;transform:rotate(-5deg)}.hero-ray-3{animation-delay:6s;left:75%;transform:rotate(10deg)}@keyframes rayMove{0%,to{opacity:0;transform:rotate(var(--ray-rotation,0deg))translateY(-10%)}20%,80%{opacity:.6}50%{opacity:1;transform:rotate(var(--ray-rotation,0deg))translateY(10%)}}.hero-bg-lines{height:60%;position:absolute;bottom:0;left:0;right:0}.hero-line{background:linear-gradient(90deg,#0000 0%,#8b5cf61a 20%,#a78bfa66 50%,#8b5cf61a 80%,#0000 100%);height:1px;animation:8s ease-in-out infinite horizontalFlow;position:absolute;left:0;right:0}.hero-line-1{animation-delay:0s;top:20%}.hero-line-2{animation-delay:2s;top:40%}.hero-line-3{animation-delay:4s;top:60%}.hero-line-4{animation-delay:6s;top:80%}@keyframes horizontalFlow{0%,to{opacity:0;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}.hero-bg-orbs{position:absolute;inset:0}.hero-orb{filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite orbPulse;position:absolute}.hero-orb-1{background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:10%;left:-10%}.hero-orb-2{background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);width:300px;height:300px;animation-delay:2.5s;top:50%;right:-5%}.hero-orb-3{background:radial-gradient(circle,#a78bfa1f 0%,#0000 70%);width:350px;height:350px;animation-delay:5s;bottom:-10%;left:30%}@keyframes orbPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hero-bg-lights{position:absolute;inset:0}.hero-light{background:#a78bfacc;border-radius:50%;width:4px;height:4px;animation:5s ease-in-out infinite lightFloat;position:absolute;box-shadow:0 0 10px #a78bfa99,0 0 20px #8b5cf666}@keyframes lightFloat{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-20px)scale(1.5)}}.animated-bg-divider{background:0 0;height:200px;position:relative;overflow:hidden}.divider-line{background:linear-gradient(90deg,#0000 0%,#8b5cf60d 15%,#a78bfa4d 50%,#8b5cf60d 85%,#0000 100%);height:1px;position:absolute;left:0;right:0}.divider-line-1{animation:4s ease-in-out infinite dividerPulse;top:30%}.divider-line-2{animation:4s ease-in-out 1.3s infinite dividerPulse;top:50%}.divider-line-3{animation:4s ease-in-out 2.6s infinite dividerPulse;top:70%}@keyframes dividerPulse{0%,to{opacity:.3;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}.divider-glow{filter:blur(30px);background:radial-gradient(#8b5cf626 0%,#0000 70%);width:300px;height:100px;animation:6s ease-in-out infinite dividerGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes dividerGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}.divider-particles{position:absolute;inset:0}.divider-particle{background:#a78bfacc;border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite particleRise;position:absolute;top:50%;box-shadow:0 0 8px #a78bfa80}@keyframes particleRise{0%,to{opacity:0;transform:translateY(20px)scale(.5)}50%{opacity:1;transform:translateY(-20px)scale(1)}}.animated-bg-section{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.section-bg-mesh{background:radial-gradient(60% 40% at 20%,#8b5cf60d 0%,#0000 50%),radial-gradient(50% 50% at 80% 30%,#06b6d40a 0%,#0000 50%);position:absolute;inset:0}.section-bg-lines{position:absolute;inset:0}.section-line{background:linear-gradient(#0000 0%,#8b5cf61a 30%,#a78bfa33 50%,#8b5cf61a 70%,#0000 100%);width:1px;height:100%;animation:12s ease-in-out infinite sectionLineMove;position:absolute}.section-line-1{animation-delay:0s;left:25%}.section-line-2{animation-delay:6s;left:75%}@keyframes sectionLineMove{0%,to{opacity:0;transform:translateY(-50%)}25%,75%{opacity:.6}50%{opacity:1;transform:translateY(50%)}}.section-bg-glows{position:absolute;inset:0}.section-glow{filter:blur(100px);border-radius:50%;animation:10s ease-in-out infinite sectionGlow;position:absolute}.section-glow-1{background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:400px;height:400px;top:20%;left:-10%}.section-glow-2{background:radial-gradient(circle,#06b6d40f 0%,#0000 70%);width:350px;height:350px;animation-delay:5s;bottom:10%;right:-5%}@keyframes sectionGlow{0%,to{opacity:.6;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.1)translate(20px,-20px)}}.conversation-layout{width:100%;min-height:100vh;display:block}.conversation-layout--left-collapsed .sidebar--left{transform:translate(-100%)}.conversation-layout--right-collapsed .sidebar--right{transform:translate(100%)}.conversation-layout--both-collapsed .sidebar--left{transform:translate(-100%)}.conversation-layout--both-collapsed .sidebar--right{transform:translate(100%)}.conversation-main{flex-direction:column;min-height:100vh;margin-left:280px;margin-right:280px;transition:margin .3s;display:flex;position:relative}.conversation-layout--left-collapsed .conversation-main{margin-left:0}.conversation-layout--right-collapsed .conversation-main{margin-right:0}.conversation-layout--both-collapsed .conversation-main{margin-left:0;margin-right:0}.sidebar{background:var(--bg-secondary);border-color:var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;width:280px;height:100vh;transition:transform .3s,opacity .3s,width .3s;position:fixed;top:0;overflow:hidden auto}.sidebar--left{border-right:1px solid var(--border-subtle);left:0}.sidebar--right{border-left:1px solid var(--border-subtle);right:0}.sidebar--collapsed{border:none;width:0;overflow:hidden}.sidebar__header{z-index:10;background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.sidebar__title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.sidebar__close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar__close:hover{color:var(--text-primary);background:#ffffff0d}.sidebar__content{padding:0}.sidebar__section{border-bottom:1px solid var(--border-subtle);padding:16px}.sidebar__section:last-child{border-bottom:none}.sidebar__section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.6875rem;font-weight:600}.sidebar-toggle{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-toggle:hover{border-color:var(--border-light);color:var(--text-primary);background:#ffffff0d}.sidebar-toggle--active{color:#ff8ad4;background:#ff66c41a;border-color:#ff66c44d}@media (max-width:1024px){.sidebar{display:none}.sidebar--drawer{z-index:100;background:var(--bg-secondary);flex-direction:column;width:85vw;max-width:320px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;transform:translate(-100%)}.sidebar--drawer-left{left:0}.sidebar--drawer-right{right:0;transform:translate(100%)}.sidebar--drawer-open{transform:translate(0)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.drawer-overlay--visible{opacity:1;pointer-events:auto}.conversation-main{width:100%;max-width:100vw;overflow-x:hidden;margin-left:0!important;margin-right:0!important}.header-content{max-width:100%;height:52px;padding:0 8px}.conversation-header{gap:4px;padding:0}.conversation-header__left,.conversation-header__right{flex-shrink:0;gap:2px}.conversation-header__center{display:none}.sidebar-toggle{flex-shrink:0;width:32px;height:32px;padding:0}.btn-ghost{padding:6px 10px;font-size:.75rem}.theme-toggle{width:32px;height:32px}.user-menu-trigger{gap:4px!important;padding:4px 8px!important}.user-menu-name{display:none!important}.user-menu-avatar-placeholder{width:24px!important;height:24px!important}.user-menu-chevron{display:none!important}.container-chat{max-width:100%;padding:0 12px;overflow-x:hidden}.chat-container{width:100%;max-width:100%}.message{word-wrap:break-word;overflow-wrap:break-word;max-width:88%}.message-bubble{word-wrap:break-word;overflow-wrap:break-word;padding:12px 14px}.input-area{padding:16px 12px}.input-area-content{max-width:100%}}@media (min-width:1025px){.sidebar-toggle--mobile-only{display:none}}.vocab-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:8px;padding:12px;transition:all .2s}.vocab-card:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.vocab-card__word{color:var(--accent-secondary);font-size:.9375rem;font-weight:600}.vocab-card__translation{color:var(--text-secondary);margin-top:4px;font-size:.8125rem}.vocab-card__example{color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:8px;font-size:.75rem;font-style:italic;line-height:1.4}.grammar-card{background:#f59e0b0d;border:1px solid #f59e0b26;border-radius:10px;margin-bottom:8px;padding:12px;transition:all .2s}.grammar-card:hover{border-color:#f59e0b4d}.grammar-card__title{color:#fbbf24;margin-bottom:6px;font-size:.8125rem;font-weight:600}.grammar-card__explanation{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.grammar-card__example{color:var(--text-muted);border-top:1px solid #f59e0b1a;margin-top:8px;padding-top:8px;font-size:.75rem;font-style:italic}.correction-card{background:#ef44440d;border:1px solid #ef444426;border-radius:10px;margin-bottom:8px;padding:12px}.correction-card__original{color:#f87171;margin-bottom:4px;font-size:.8125rem;text-decoration:line-through}.correction-card__corrected{color:#4ade80;margin-bottom:6px;font-size:.8125rem;font-weight:500}.correction-card__explanation{color:var(--text-muted);font-size:.75rem;line-height:1.4}.exercise-card{background:#8b5cf60d;border:1px solid #8b5cf626;border-radius:10px;margin-bottom:8px;padding:12px;overflow:hidden}.exercise-card__sentence{color:var(--text-primary);margin-bottom:10px;font-size:.875rem;line-height:1.6}.exercise-card__input{box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;max-width:100%;color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:.875rem;transition:all .2s}.exercise-card__input:focus{border-color:#ff66c4;outline:none;box-shadow:0 0 0 3px #ff66c41a}.exercise-card__input--correct{background:#22c55e1a;border-color:#22c55e}.exercise-card__input--incorrect{background:#ef44441a;border-color:#ef4444}.exercise-card__hint{color:var(--text-muted);margin-top:6px;font-size:.6875rem}.exercise-card__actions{gap:8px;margin-top:10px;display:flex}.exercise-card__btn{cursor:pointer;border-radius:6px;flex:1;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s}.exercise-card__btn--check{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border:none}.exercise-card__btn--check:hover{background:linear-gradient(135deg,#9d6df7 0%,#ff7dd0 100%)}.exercise-card__btn--skip{border:1px solid var(--border-subtle);color:var(--text-muted);background:0 0}.exercise-card__btn--skip:hover{border-color:var(--border-light);color:var(--text-secondary)}.progress-stat{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.progress-stat__label{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.progress-stat__icon{width:16px;height:16px;color:var(--accent-secondary)}.progress-stat__value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.cefr-roadmap{flex-direction:column;gap:4px;display:flex}.cefr-level{opacity:.5;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.cefr-level--current{opacity:1;background:linear-gradient(135deg,#8b5cf61a 0%,#ff66c41a 100%);border:1px solid #ff66c44d}.cefr-level--completed{opacity:.7}.cefr-level--completed .cefr-level__badge{background:#22c55e33}.cefr-level__badge{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.cefr-level--current .cefr-level__badge{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%)}.cefr-level__info{flex:1}.cefr-level__name{color:var(--text-primary);font-size:.8125rem;font-weight:500}.cefr-level__desc{color:var(--text-muted);font-size:.6875rem}.current-level-card{background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf60d 100%);border:1px solid #8b5cf640;border-radius:12px;margin-top:16px;padding:16px;position:relative;overflow:hidden}.current-level-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);width:100px;height:100px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.current-level-card__header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.current-level-card__badge{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 4px 12px #8b5cf64d}.current-level-card__info{flex:1}.current-level-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.6875rem}.current-level-card__name{color:var(--text-primary);font-size:1.125rem;font-weight:600}.current-level-card__progress{margin-bottom:12px}.current-level-card__progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.current-level-card__progress-fill{background:linear-gradient(90deg,#8b5cf6 0%,#ff66c4 100%);border-radius:3px;height:100%;transition:width .5s}.current-level-card__progress-label{color:var(--text-muted);text-align:right;font-size:.6875rem}.current-level-card__next{color:var(--text-secondary);background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:8px 10px;font-size:.75rem;display:flex}.current-level-card__next svg{color:var(--accent-secondary)}.current-level-card__motivation{color:var(--accent-tertiary);align-items:center;gap:6px;font-size:.75rem;display:flex}.current-level-card__motivation svg{color:#fbbf24}.milestone{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:all .3s;display:flex}.milestone--achieved{background:#10b98114;border-color:#10b98140}.milestone__icon{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.milestone--achieved .milestone__icon{color:#ff8ad4;background:#ff66c433}.milestone__content{flex:1;min-width:0}.milestone__title{color:var(--text-primary);font-size:.8125rem;font-weight:500}.milestone__desc{color:var(--text-muted);margin-top:2px;font-size:.6875rem}.milestone__progress{background:var(--bg-tertiary);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.milestone__progress-bar{background:linear-gradient(90deg,#8b5cf6 0%,#ff66c4 100%);border-radius:2px;height:100%;transition:width .3s}.milestone--achieved .milestone__progress-bar{background:linear-gradient(90deg,#ff66c4 0%,#ff8ad4 100%)}.sidebar-empty{text-align:center;color:var(--text-muted);padding:24px 16px}.sidebar-empty__icon{opacity:.4;width:40px;height:40px;margin:0 auto 12px}.sidebar-empty__text{font-size:.8125rem;line-height:1.5}.conversation-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.conversation-header__left,.conversation-header__right{align-items:center;gap:8px;display:flex}.conversation-header__center{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.tutorial-overlay{z-index:9999;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.tutorial-overlay__backdrop{pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-overlay__highlight{border:2px solid var(--accent-primary);pointer-events:none;border-radius:8px;animation:2s ease-in-out infinite tutorial-pulse;position:fixed;box-shadow:0 0 0 4px #8b5cf64d,0 0 20px #8b5cf666}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 4px #8b5cf64d,0 0 20px #8b5cf666}50%{box-shadow:0 0 0 6px #8b5cf633,0 0 30px #8b5cf64d}}.tutorial-tooltip{pointer-events:auto;z-index:10000;background:linear-gradient(135deg,#1e2028fa 0%,#14161cfa 100%);border:1px solid #8b5cf64d;border-radius:16px;width:280px;max-width:calc(100vw - 32px);padding:20px;animation:.3s ease-out tutorial-fade-in;position:fixed;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf626}@keyframes tutorial-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip--top,.tutorial-tooltip--bottom{transform:translate(-50%)}.tutorial-tooltip--left,.tutorial-tooltip--right{transform:translateY(-50%)}.tutorial-tooltip__skip{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.tutorial-tooltip__skip:hover{color:var(--text-primary);background:#ffffff1a}.tutorial-tooltip__content{margin-bottom:16px;padding-right:24px}.tutorial-tooltip__title{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:600}.tutorial-tooltip__text{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.tutorial-tooltip__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-tooltip__progress{align-items:center;gap:6px;display:flex}.tutorial-tooltip__dot{background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial-tooltip__dot--active{background:var(--accent-primary);transform:scale(1.2)}.tutorial-tooltip__dot--completed{background:#8b5cf680}.tutorial-tooltip__actions{align-items:center;gap:8px;display:flex}.tutorial-tooltip__btn{cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.tutorial-tooltip__btn--primary{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);color:#fff;border:none;box-shadow:0 4px 12px #8b5cf64d}.tutorial-tooltip__btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.tutorial-tooltip__btn--secondary{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.tutorial-tooltip__btn--secondary:hover{color:var(--text-primary);background:#ffffff1a}@media (max-width:768px){.tutorial-tooltip{width:calc(100vw - 48px);padding:16px;left:24px!important;right:24px!important;transform:none!important}.tutorial-tooltip--top,.tutorial-tooltip--bottom,.tutorial-tooltip--left,.tutorial-tooltip--right{left:24px!important;right:24px!important;transform:none!important}.tutorial-tooltip__footer{flex-direction:column;align-items:stretch;gap:12px}.tutorial-tooltip__progress{order:2;justify-content:center}.tutorial-tooltip__actions{flex-wrap:wrap;order:1;justify-content:center}.tutorial-tooltip__btn{flex:1;justify-content:center;min-width:100px}.tutorial-tooltip__content{padding-right:20px}.tutorial-tooltip__title{font-size:.9375rem}.tutorial-tooltip__text{font-size:.8125rem}}[data-theme=light] .landing-header{border-bottom:1px solid var(--border-subtle);background:#f8f9fcd9}[data-theme=light] .header{background:#f8f9fce6}[data-theme=light] .app-bg:before{background:radial-gradient(80% 50% at 50% -20%,#7c3aed14,#0000),radial-gradient(50% 50% at 90% 10%,#06b6d40d,#0000),radial-gradient(40% 40% at 10% 90%,#7c3aed0a,#0000)}[data-theme=light] .hero-section:before{background:radial-gradient(60% 60%,#7c3aed0f,#0000)}[data-theme=light] .landing-logo span{color:var(--text-primary)}[data-theme=light] .gradient-text{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 50%,#ff66c4 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .btn-primary-landing,[data-theme=light] .btn-primary{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);box-shadow:0 4px 20px #7c3aed40}[data-theme=light] .btn-ghost-landing:hover,[data-theme=light] .btn-ghost:hover{background:#0000000d}[data-theme=light] .smart-card{background:var(--bg-secondary);border-color:var(--border-light);box-shadow:0 4px 20px var(--shadow-color)}[data-theme=light] .smart-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 30px #7c3aed1a}[data-theme=light] .cta-section{background:linear-gradient(135deg,#7c3aed0d 0%,#ff66c40d 100%)}[data-theme=light] .footer{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}[data-theme=light] .lang-card{background:var(--bg-secondary);border-color:var(--border-light)}[data-theme=light] .lang-card:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}[data-theme=light] .lang-card-selected{border-color:var(--accent-primary);background:#7c3aed14}[data-theme=light] .level-card{background:var(--bg-secondary);border-color:var(--border-light)}[data-theme=light] .level-card:hover{border-color:var(--accent-primary)}[data-theme=light] .level-card-selected{border-color:var(--accent-primary);background:#7c3aed14}[data-theme=light] .message-bubble-ai{background:var(--bg-secondary);border-color:var(--border-light);box-shadow:0 2px 8px var(--shadow-color)}[data-theme=light] .message-bubble-user{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%)}[data-theme=light] .sidebar{background:var(--bg-secondary);border-color:var(--border-light);box-shadow:0 4px 20px var(--shadow-color)}[data-theme=light] .sidebar--drawer{background:var(--bg-secondary)}[data-theme=light] .record-btn-idle{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);box-shadow:0 8px 32px #7c3aed4d}[data-theme=light] .input-area{background:linear-gradient(to top,var(--bg-primary)0%,transparent 100%)}[data-theme=light] .sidebar-toggle{background:var(--bg-tertiary);border-color:var(--border-light)}[data-theme=light] .sidebar-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}[data-theme=light] .vocab-card,[data-theme=light] .grammar-card,[data-theme=light] .correction-card,[data-theme=light] .exercise-card,[data-theme=light] .progress-stat,[data-theme=light] .milestone{background:var(--bg-tertiary);border-color:var(--border-light)}[data-theme=light] .current-level-card{background:linear-gradient(135deg,#7c3aed1a 0%,#7c3aed0d 100%);border-color:#7c3aed33}[data-theme=light] .tutorial-overlay__backdrop rect[fill]{fill:#0009}[data-theme=light] .tutorial-tooltip{border-color:var(--border-light);background:linear-gradient(135deg,#fffffffa 0%,#f8f9fcfa 100%);box-shadow:0 20px 60px #00000026}[data-theme=light] .tutorial-tooltip__dot{background:#0000001a}[data-theme=light] .tutorial-tooltip__btn--secondary{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-primary)}[data-theme=light] .floating-word{color:#7c3aed14}[data-theme=light] .typing-dot{background:var(--accent-primary)}.auth-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px var(--shadow-color);border-radius:16px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{margin-bottom:24px;display:inline-flex}.auth-title{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:14px}.auth-body{flex-direction:column;gap:20px;display:flex}.auth-google-btn{background:var(--bg-secondary);border:1px solid var(--border-light);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.auth-google-btn:hover{background:var(--bg-tertiary);border-color:var(--border-accent)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-icon{width:20px;height:20px}.auth-divider{color:var(--text-muted);align-items:center;gap:16px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-light);flex:1;height:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-secondary);font-size:13px;font-weight:500}.auth-optional{color:var(--text-muted);font-weight:400}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.auth-input{background:var(--input-bg);border:1px solid var(--border-light);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 12px 12px 40px;font-size:14px;transition:all .2s}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.auth-input::placeholder{color:var(--text-muted)}.auth-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.auth-password-toggle:hover{color:var(--text-secondary)}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf666}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px 16px;font-size:13px}.auth-error-banner{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.auth-footer{text-align:center;border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:24px}.auth-footer p{color:var(--text-secondary);font-size:14px}.auth-link{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--accent-secondary)}.auth-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.auth-spinner-large{border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.auth-loading{justify-content:center;align-items:center;min-height:400px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.user-menu{position:relative}.user-menu-trigger{background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.user-menu-trigger:hover{border-color:var(--border-accent)}.user-menu-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-menu-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-menu-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-weight:500;overflow:hidden}.user-menu-chevron{color:var(--text-muted);transition:transform .2s}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-light);min-width:200px;box-shadow:0 8px 24px var(--shadow-color);z-index:100;border-radius:10px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-menu-header{padding:12px 16px}.user-menu-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-menu-divider{background:var(--border-light);height:1px}.user-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:13px;transition:all .2s;display:flex}.user-menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-menu-skeleton{background:var(--bg-card);border-radius:8px;width:100px;height:40px;animation:1.5s infinite pulse}.user-menu-login-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ff66c4 100%);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.user-menu-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}[data-theme=light] .auth-card{background:#ffffffe6;box-shadow:0 4px 24px #0000001a}[data-theme=light] .auth-google-btn{border-color:var(--border-light);background:#fff}[data-theme=light] .auth-google-btn:hover{background:var(--bg-tertiary)}[data-theme=light] .user-menu-dropdown{background:#fff}.practice-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.practice-loading{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.practice-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#050507d9;position:sticky;top:0}.practice-header-content{justify-content:space-between;align-items:center;max-width:900px;height:60px;margin:0 auto;padding:0 16px;display:flex}.practice-back-btn{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.practice-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.practice-header-actions{align-items:center;gap:12px;display:flex}.practice-timer{background:var(--bg-tertiary);color:var(--accent-secondary);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:600;display:flex}.practice-main{max-width:900px;margin:0 auto;padding:24px 16px 80px}.practice-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;display:flex}.practice-error button{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.8125rem;text-decoration:underline}.practice-selection-header{text-align:center;margin-bottom:32px}.practice-selection-header h1{margin-bottom:8px;font-size:1.75rem;font-weight:700}.practice-selection-header p{color:var(--text-secondary);font-size:.9375rem}.practice-exam-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.practice-exam-card{text-align:left;background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-primary);border-radius:12px;flex-direction:column;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.practice-exam-card:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.practice-exam-card-active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:#8b5cf614}.practice-exam-card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.practice-exam-lang{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-secondary);font-size:.75rem;font-weight:600}.practice-exam-streak{color:#f59e0b;align-items:center;gap:3px;font-size:.75rem;font-weight:600;display:flex}.practice-exam-name{margin-bottom:4px;font-size:1rem;font-weight:600}.practice-exam-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.practice-exam-progress{color:var(--text-muted);border-top:1px solid var(--border-subtle);gap:12px;width:100%;margin-top:auto;padding-top:8px;font-size:.75rem;display:flex}.practice-level-section{text-align:center}.practice-level-section h2{margin-bottom:16px;font-size:1.125rem;font-weight:600}.practice-level-grid{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.practice-level-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.practice-level-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.practice-level-btn-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.practice-start-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.practice-start-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.practice-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.practice-quiz{max-width:640px;margin:0 auto}.quiz-progress-bar{background:var(--bg-tertiary);border-radius:4px;height:4px;margin-bottom:8px;overflow:hidden}.quiz-progress-fill{background:var(--accent-primary);border-radius:4px;height:100%;transition:width .3s}.quiz-progress-text{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:.8125rem}.quiz-question-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:24px;padding:28px 24px;animation:.3s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-question-type{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;background:#8b5cf626;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.quiz-question-text{margin-bottom:20px;font-size:1.125rem;font-weight:600;line-height:1.5}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quiz-option{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:10px;align-items:center;gap:10px;padding:14px 16px;font-size:.9375rem;transition:all .2s;display:flex}.quiz-option:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.quiz-option-selected{border-color:var(--accent-primary);background:#8b5cf61a}.quiz-option-letter{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.quiz-option-selected .quiz-option-letter{background:var(--accent-primary);color:#fff}.quiz-input-area{margin-top:4px}.quiz-text-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:10px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.quiz-text-input::placeholder{color:var(--text-muted)}.quiz-text-input:focus{border-color:var(--accent-primary);outline:none}.quiz-nav{justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.quiz-nav-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.quiz-nav-btn:hover:not(:disabled){border-color:var(--border-light);color:var(--text-primary)}.quiz-nav-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-nav-submit{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.quiz-nav-submit:hover:not(:disabled){background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.quiz-dots{justify-content:center;gap:6px;display:flex}.quiz-dot{background:var(--bg-tertiary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.quiz-dot-answered{border-color:var(--accent-primary);background:#8b5cf64d}.quiz-dot-current{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.2)}.practice-results{max-width:640px;margin:0 auto}.results-score-card{text-align:center;border-radius:16px;margin-bottom:24px;padding:32px 24px}.results-score-pass{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.results-score-fail{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.results-score-card svg{opacity:.8;margin-bottom:12px}.results-score-value{margin-bottom:4px;font-size:3rem;font-weight:800;line-height:1}.results-score-label{opacity:.8;margin-bottom:16px;font-size:1rem}.results-meta{color:var(--text-secondary);justify-content:center;gap:20px;display:flex}.results-meta-item{align-items:center;gap:6px;font-size:.875rem;display:flex}.results-recommendation{color:var(--accent-secondary);background:#8b5cf61a;border-radius:8px;margin-top:16px;padding:10px 16px;font-size:.875rem;font-weight:500}.results-breakdown{margin-bottom:24px}.results-breakdown h3{margin-bottom:16px;font-size:1.125rem;font-weight:600}.results-item{border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:10px;padding:16px}.results-item-correct{background:#10b9810d;border-color:#10b98133}.results-item-wrong{background:#ef44440d;border-color:#ef444433}.results-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.results-item-num{color:var(--text-muted);font-size:.8125rem;font-weight:600}.results-icon-correct{color:#10b981}.results-icon-wrong{color:#ef4444}.results-item-question{margin-bottom:10px;font-size:.9375rem;font-weight:500;line-height:1.5}.results-item-answers{margin-bottom:8px;font-size:.8125rem}.results-your-answer{color:#ef4444;margin-bottom:4px}.results-your-answer span,.results-correct-answer span{font-weight:600}.results-correct-answer{color:#10b981}.results-explanation{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;padding:8px 12px;font-size:.8125rem;line-height:1.4}.results-actions{justify-content:center;gap:12px;display:flex}.results-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.results-btn-retry{background:var(--accent-primary);color:#fff}.results-btn-retry:hover{background:var(--accent-secondary)}.results-btn-back{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.results-btn-back:hover{border-color:var(--border-light);color:var(--text-primary)}@media (max-width:768px){.practice-exam-grid{grid-template-columns:1fr;gap:10px}.practice-exam-desc{-webkit-line-clamp:1}.quiz-question-card{padding:20px 16px}.quiz-options-grid{grid-template-columns:1fr}.quiz-text-input{font-size:16px}.quiz-question-text{font-size:1rem}.results-score-value{font-size:2.5rem}.results-actions{flex-direction:column}.results-btn{justify-content:center}}@media (max-width:480px){.practice-selection-header h1{font-size:1.375rem}.practice-level-btn{padding:8px 14px;font-size:.8125rem}.practice-start-btn{justify-content:center;width:100%}}[data-theme=light] .practice-header{background:#ffffffd9}[data-theme=light] .practice-exam-card{background:#fffc}[data-theme=light] .practice-exam-card-active{background:#8b5cf60f}[data-theme=light] .quiz-question-card{background:#fffc}[data-theme=light] .quiz-option,[data-theme=light] .quiz-text-input{background:#fff}[data-theme=light] .results-explanation{background:#00000008}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}