@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-color:#000;--surface-color:#080808;--primary-accent:linear-gradient(135deg, #1978e5 0%, #4fa3ff 100%);--accent-blue:#1978e5;--accent-cyan:#4fa3ff;--text-1:#fff;--text-2:#ffffffb8;--text-3:#ffffff80;--text-4:#ffffff52;--text-primary:var(--text-1);--text-secondary:var(--text-2);--surface-1:#ffffff05;--surface-2:#ffffff0d;--surface-3:#ffffff14;--border-1:#ffffff14;--border-2:#ffffff24;--border-accent:#4fa3ff59;--border-color:var(--border-1);--cta-border:#4fa3ff4d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-elev-1:0 4px 12px #0006;--shadow-elev-2:0 12px 40px #0000008c;--glow-blue-sm:0 0 24px #1978e540;--glow-blue-md:0 0 48px #1978e559;--glow-blue-lg:0 0 80px #1978e573;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.5, 1.5, .5, 1);--dur-fast:.2s;--dur-base:.35s;--dur-slow:.6s;--font-sans:"Inter", -apple-system, sans-serif;--font-serif:"Fraunces", "Times New Roman", serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,-apple-system,sans-serif;font-weight:400;line-height:1.65;overflow-x:hidden}h1{letter-spacing:-.04em;font-weight:900;line-height:1.05}h2{letter-spacing:-.03em;font-weight:800;line-height:1.1}h3{letter-spacing:-.02em;font-weight:700;line-height:1.2}h4{letter-spacing:-.01em;font-weight:600;line-height:1.3}h5,h6{letter-spacing:0;font-weight:600;line-height:1.4}::selection{color:#fff;background:#4fa3ff59}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px;border-radius:4px}button,a{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}.constellation{opacity:.2;pointer-events:none;z-index:-1;width:400px;height:400px;position:absolute;top:10%;right:5%}.header-wrapper{z-index:1000;pointer-events:none;width:100%;transition:padding var(--dur-base) var(--ease-out-expo);justify-content:center;padding:1.25rem 0;display:flex;position:fixed;top:0;left:0;right:0}.header-wrapper.scrolled{padding:.6rem 0}.nav-pill{pointer-events:auto;-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--border-1);transition:all var(--dur-base) var(--ease-out-expo);background:#080808b8;border-radius:999px;align-items:center;gap:1.25rem;padding:.5rem .6rem .5rem 1.25rem;display:flex;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0a}.nav-pill:hover{border-color:var(--border-2)}.logo-text{letter-spacing:-.02em;color:#fff;text-transform:uppercase;font-size:14px;font-weight:800}.nav-links{border-left:1px solid var(--border-1);border-right:1px solid var(--border-1);align-items:center;gap:1rem;padding:0 1rem;display:flex}.nav-link{color:var(--text-3);transition:color var(--dur-fast) ease;padding:4px 0;font-size:13px;font-weight:600;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--primary-accent);width:0;height:1.5px;transition:width var(--dur-base) var(--ease-out-expo), left var(--dur-base) var(--ease-out-expo);border-radius:2px;position:absolute;bottom:-2px;left:50%}.nav-link:hover{color:#fff}.nav-link:hover:after,.nav-link.active:after{width:100%;left:0}.nav-link.active{color:#fff}.nav-cta{background:var(--primary-accent);color:#fff;letter-spacing:.01em;cursor:pointer;height:36px;transition:all var(--dur-base) var(--ease-out-expo);background-size:200%;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 1.1rem;font-size:12px;font-weight:700;display:flex;box-shadow:0 6px 20px -6px #1978e599}.nav-cta:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 10px 30px -6px #1978e5cc}body:before{content:"";background-image:linear-gradient(var(--border-1) 1px, transparent 1px), linear-gradient(90deg, var(--border-1) 1px, transparent 1px);pointer-events:none;z-index:-1;opacity:.25;background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}.glow{pointer-events:none;z-index:-1;filter:blur(100px);background:radial-gradient(circle,#1978e51a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:fixed}.glow-1{top:-100px;right:-100px}.section-container{max-width:1200px;margin:0 auto;padding:clamp(64px,10vw,120px) 5%}.grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.card{background:var(--surface-1);border:1px solid var(--border-1);transition:transform var(--dur-base) var(--ease-out-expo), border-color var(--dur-base) ease, box-shadow var(--dur-base) ease, background var(--dur-base) ease;border-radius:20px;padding:clamp(24px,3vw,40px);position:relative;overflow:hidden}.card:hover{border-color:var(--border-accent);box-shadow:0 20px 60px -20px #1978e540, var(--glow-blue-sm);background:var(--surface-2);transform:translateY(-4px)scale(1.005)}.card:after{content:"";background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), #4fa3ff14, transparent 60%);opacity:0;transition:opacity var(--dur-base) ease;pointer-events:none;position:absolute;inset:0}.card:hover:after{opacity:1}.card h3{color:#fff;transition:color var(--dur-base) ease}.card:hover .icon-hover{filter:drop-shadow(0 0 8px #3b82f680);color:#3b82f6!important}.card-pro{background:linear-gradient(180deg, #1978e50f 0%, transparent 60%), var(--surface-1);border:1px solid var(--border-accent)}.card-pro:hover{border-color:var(--accent-blue);box-shadow:0 20px 80px -20px #1978e566, var(--glow-blue-md)}.card-featured{position:relative}.card-featured:before{content:"ĐỀ XUẤT";background:var(--primary-accent);color:#fff;letter-spacing:.1em;z-index:2;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px}.btn-primary,.btn-gold{background:var(--primary-accent);color:#fff;cursor:pointer;height:52px;transition:all var(--dur-base) var(--ease-out-expo);white-space:nowrap;background-size:200%;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 2rem;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #1978e58c}.btn-primary:hover,.btn-gold:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 16px 40px -10px #1978e5bf,0 0 24px #4fa3ff4d}.btn-primary:before,.btn-gold:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%}.btn-primary:hover:before,.btn-gold:hover:before{left:100%}.btn-blue{background:var(--primary-accent);color:#fff;box-shadow:0 10px 20px -5px #1978e566}.btn-secondary{border:1px solid var(--border-1);background:var(--surface-1);color:#fff;height:52px;transition:all var(--dur-base) var(--ease-out-expo);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 1.8rem;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border-2);transform:translateY(-1px)}.filter-bar{background:var(--surface-1);border:1px solid var(--border-1);border-radius:999px;align-items:center;gap:1.5rem;max-width:900px;margin:4rem auto;padding:.5rem 2rem;display:flex}.filter-item{color:var(--text-3);cursor:pointer;transition:color var(--dur-fast) ease;font-size:13px;font-weight:600}.filter-item.active{background:var(--primary-accent);color:#fff;border-radius:999px;padding:.4rem 1.2rem}.search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px}.hero-section{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:140px 5% 80px;display:flex;position:relative}.hero-badge{background:var(--surface-1);border:1px solid var(--border-1);color:#fff;letter-spacing:.05em;border-radius:999px;align-items:center;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:11px;font-weight:600;display:flex}.hero-title{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:900;line-height:1.05}.hero-subtitle{color:var(--text-2);max-width:640px;margin-bottom:2.5rem;font-size:clamp(15px,1.5vw,18px);font-weight:400;line-height:1.65}.button-group{flex-wrap:wrap;justify-content:center;gap:.875rem;margin-bottom:4rem;display:flex}.mockup-container{background:var(--surface-1);border:1px solid var(--border-1);width:100%;max-width:1000px;animation:float-y 6s var(--ease-out-expo) infinite alternate;border-radius:28px;padding:10px;box-shadow:0 40px 100px -20px #0009,0 0 80px #1978e514}@keyframes float-y{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.mockup-inner{aspect-ratio:16/9;border:1px solid var(--border-1);background:#000;border-radius:22px;width:100%;padding:6px;overflow:hidden}.progress-bar-container{background:#ffffff14;border-radius:999px;width:100%;height:6px;margin:1.5rem 0 .75rem;position:relative;overflow:hidden}.progress-bar-fill{background:var(--primary-accent);border-radius:999px;width:83%;height:100%;position:relative;box-shadow:0 0 12px #4fa3ff8c}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:30%;animation:2s linear infinite progress-shimmer;position:absolute;top:0;bottom:0;right:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.logo-marquee-container{width:100%;display:flex;position:relative;overflow:hidden}.logo-marquee-container:before,.logo-marquee-container:after{content:"";z-index:2;pointer-events:none;width:150px;height:100%;position:absolute;top:0}.logo-marquee-container:before{background:linear-gradient(90deg,#000,#0000);left:0}.logo-marquee-container:after{background:linear-gradient(270deg,#000,#0000);right:0}.logo-marquee{white-space:nowrap;animation:45s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer-container{border-top:1px solid var(--border-1);z-index:10;background:#ffffff03;margin-top:100px;padding:80px 5% 40px;position:relative}.footer-content{grid-template-columns:1.5fr 2fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.footer-brand{flex-direction:column;gap:1.5rem;display:flex}.footer-tagline{color:var(--text-2);max-width:300px;font-size:14px;line-height:1.6}.social-links{gap:1rem;display:flex}.social-icon{background:var(--surface-1);border:1px solid var(--border-1);color:#fff;width:40px;height:40px;transition:all var(--dur-base) var(--ease-out-expo);border-radius:10px;justify-content:center;align-items:center;font-size:10px;font-weight:800;text-decoration:none;display:flex}.social-icon:hover{background:var(--primary-accent);border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 20px -6px #1978e599}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-column{flex-direction:column;gap:1rem;display:flex}.footer-column h4{text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:1rem;font-size:12px;font-weight:700}.footer-column a{color:var(--text-3);transition:color var(--dur-fast) ease;font-size:14px;text-decoration:none}.footer-column a:hover{color:var(--accent-cyan)}.footer-bottom{border-top:1px solid var(--border-1);text-align:center;max-width:1200px;color:var(--text-3);opacity:.5;margin:80px auto 0;padding-top:40px;font-size:12px}.page-container{padding-top:120px}.featured-card-footer{border-top:1px solid var(--border-1);justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:2rem;display:flex}.featured-price-group{align-items:baseline;gap:8px;display:flex}.featured-price{font-size:36px;font-weight:900}.featured-old-price{opacity:.3;font-size:18px;text-decoration:line-through}.featured-period{opacity:.5;font-size:16px}.featured-cta-group{flex-direction:column;align-items:center;gap:12px;display:flex}.featured-btn{justify-content:center;min-width:auto;padding:.8rem 1.8rem;font-size:14px}.featured-cta-hint{opacity:.3;text-align:center;font-size:11px}.reveal{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);will-change:opacity, transform;transform:translateY(24px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.faq-section{max-width:800px;margin:100px auto;padding:0 5%}.faq-item{background:var(--surface-1);border:1px solid var(--border-1);transition:background var(--dur-base) ease, border-color var(--dur-base) ease;border-radius:16px;margin-bottom:12px;overflow:hidden}.faq-item:hover{background:var(--surface-2);border-color:var(--border-2)}.faq-item.open{border-color:var(--border-accent)}.faq-question{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;font-size:15px;font-weight:600;display:flex}.faq-answer-wrap{transition:grid-template-rows .4s var(--ease-out-expo);grid-template-rows:0fr;display:grid}.faq-item.open .faq-answer-wrap{grid-template-rows:1fr}.faq-answer{color:var(--text-2);padding:0 1.5rem;font-size:14px;line-height:1.65;overflow:hidden}.faq-item.open .faq-answer{padding:0 1.5rem 1.5rem}.faq-icon{transition:transform var(--dur-base) var(--ease-out-back);color:var(--accent-cyan)}.faq-item.open .faq-icon{transform:rotate(45deg)}.video-placeholder{background:#080808;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.play-button-outer{z-index:2;width:100px;height:100px;transition:all var(--dur-slow) var(--ease-out-expo);background:#1978e51a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.play-button-inner{background:var(--primary-accent);cursor:pointer;width:70px;height:70px;transition:all var(--dur-base) ease;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #1978e580}.video-placeholder:hover .play-button-outer{background:#1978e533;transform:scale(1.1)}.video-placeholder:hover .play-button-inner{box-shadow:0 0 50px #1978e5cc}.mockup-glow{pointer-events:none;background:radial-gradient(circle,#1978e52e 0%,#0000 60%);width:120%;height:120%;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}.icon-container{background:var(--surface-1);border:1px solid var(--border-1);width:56px;height:56px;transition:all var(--dur-base) ease;color:var(--accent-cyan);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.card:hover .icon-container{border-color:var(--border-accent);color:#fff;background:#1978e51a;transform:translateY(-2px)rotate(-4deg)}.card .module-num{background:linear-gradient(#ffffff14,#0000 70%);-webkit-text-fill-color:transparent;pointer-events:none;letter-spacing:-.06em;transition:transform var(--dur-slow) var(--ease-out-expo);-webkit-background-clip:text;background-clip:text;font-size:120px;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:-10px}.card:hover .module-num{transform:translate(-4px,-4px)scale(1.05)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-10{gap:10px}.gap-20{gap:20px}.hover-opacity{transition:opacity var(--dur-fast) ease}.hover-opacity:hover{opacity:1!important}.text-cyan{color:var(--accent-cyan)}.section-title{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.1}.section-desc{color:var(--text-2);max-width:680px;margin:0 auto 3.5rem;font-size:clamp(15px,1.4vw,17px);line-height:1.65}.text-gradient{background:var(--primary-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge-pill{background:var(--surface-1);border:1px solid var(--border-1);color:#fff;letter-spacing:.04em;text-transform:uppercase;transition:all var(--dur-base) ease;border-radius:999px;align-items:center;padding:.55rem 1rem;font-size:12px;font-weight:600;display:inline-flex}.badge-pill:hover{border-color:var(--border-2);background:var(--surface-2)}.badge-accent{border-color:var(--border-accent);color:#cfe6ff;box-shadow:var(--glow-blue-sm);background:linear-gradient(#1978e526,#1978e50a)}.avatar-group{align-items:center;display:flex}.avatar-item{border:2px solid var(--bg-color);background-position:50%;background-size:cover;border-radius:50%;width:32px;height:32px;margin-left:-12px}.avatar-item:first-child{margin-left:0}.check-list{padding:0;list-style:none}.check-list li{color:var(--text-2);border-bottom:1px solid var(--border-1);padding:12px 0;font-size:15px;line-height:1.6}.check-list li:last-child{border-bottom:none}.check-list li strong{color:#fff;font-weight:700}.benefit-list{flex-direction:column;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;animation:fadeIn var(--dur-base) ease;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-1);width:100%;max-width:600px;animation:modalIn var(--dur-base) var(--ease-out-expo);background:#080808;border-radius:24px;padding:2.5rem;position:relative}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{color:var(--text-3);cursor:pointer;transition:color var(--dur-fast) ease;background:0 0;border:none;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:#fff}.payment-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.qr-container{aspect-ratio:1;background:var(--surface-1);border:1px solid var(--border-1);border-radius:16px;padding:1rem}.payment-info{flex-direction:column;gap:1.5rem;display:flex}.info-row{justify-content:space-between;align-items:center;display:flex}.info-block{flex-direction:column;gap:.4rem;display:flex}.info-block .label{text-transform:uppercase;opacity:.5;letter-spacing:.05em;font-size:11px}.copy-box{background:var(--surface-1);border:1px solid var(--border-1);cursor:pointer;transition:all var(--dur-fast) ease;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-family:monospace;display:flex}.copy-box:hover{background:var(--surface-2);border-color:var(--accent-cyan)}.lead-magnet-card{background:radial-gradient(circle at top left, #1978e50d, transparent), var(--surface-1);border:1px solid var(--border-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:4rem 2rem}.lead-form{gap:1rem;max-width:500px;margin:0 auto;display:flex}.input-group{flex:1;position:relative}.input-icon{opacity:.4;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.lead-input{background:var(--surface-1);border:1px solid var(--border-1);color:#fff;width:100%;transition:all var(--dur-base) ease;border-radius:999px;padding:1rem 1rem 1rem 3rem;font-size:14px}.lead-input:focus{border-color:var(--accent-cyan);background:var(--surface-2);outline:none;box-shadow:0 0 20px #4fa3ff33}.lead-btn{white-space:nowrap;padding:0 2rem;font-size:14px}.success-message{flex-direction:column;align-items:center;animation:.5s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-container{background:radial-gradient(circle at 100% 0,#1978e50d,#0000);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border:1px solid var(--border-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff03;border-radius:32px;width:100%;max-width:450px;padding:3.5rem}.auth-logo{background:var(--surface-1);border:1px solid var(--border-1);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.auth-error{color:#ff4d4d;background:#ff4d4d1a;border:1px solid #ff4d4d33;border-radius:12px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.8rem 1rem;font-size:13px;display:flex}.auth-divider{text-align:center;opacity:.3;align-items:center;margin:1.5rem 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-1);flex:1}.auth-divider span{padding:0 1rem}.dashboard-container{background:#020617;min-height:100vh;display:flex}.dashboard-sidebar{border-right:1px solid var(--border-1);background:#ffffff03;flex-direction:column;width:280px;height:100vh;padding:2rem 1rem;display:flex;position:fixed}.sidebar-header{border-bottom:1px solid var(--border-1);align-items:center;gap:12px;margin-bottom:2rem;padding:0 1rem 2rem;display:flex}.sidebar-nav{flex-direction:column;gap:.5rem;height:100%;display:flex}.nav-item{color:var(--text-3);transition:all var(--dur-fast) ease;border-radius:12px;align-items:center;gap:12px;padding:.8rem 1rem;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{background:var(--surface-1);color:#fff}.nav-item.active{border:1px solid var(--border-1)}.dashboard-main{flex:1;margin-left:280px;padding:3rem}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.user-badge-pro{color:var(--accent-cyan);background:#4fa3ff1a;border:1px solid #4fa3ff33;border-radius:999px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:12px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{border:1px solid var(--border-1);background:#ffffff03;border-radius:20px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-value{font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-3);font-size:12px}.dashboard-content-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.content-section{border:1px solid var(--border-1);background:#ffffff03;border-radius:24px;padding:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.upgrade-card-premium{border:1px solid var(--border-accent);text-align:center;background:linear-gradient(145deg,#1e1b4b 0%,#020617 100%);border-radius:24px;flex-direction:column;align-items:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.sparkle-bg{pointer-events:none;background:radial-gradient(circle at 100% 0,#4fa3ff1a,#0000);position:absolute;inset:0}.nav-user-pill:hover{background:var(--surface-2);box-shadow:0 0 15px #ffffff0d}.nav-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-1);z-index:2000;background:#0f172af2;border-radius:16px;flex-direction:column;gap:4px;width:200px;padding:.6rem;animation:.2s ease-out dropdownFade;display:flex;position:absolute;top:calc(100% + 15px);right:0;box-shadow:0 15px 40px #0009}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:var(--text-3);transition:all var(--dur-fast) ease;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:.7rem 1rem;font-size:13px;font-weight:500;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--surface-2);color:#fff}.pro-link{color:var(--accent-cyan)!important}.pro-link:hover{background:#4fa3ff1a!important}.dropdown-divider{background:var(--border-1);height:1px;margin:.4rem 0}.logout-btn{color:#ff4d4d!important}.logout-btn:hover{background:#ff4d4d1a!important}@media (width<=900px){.footer-content{grid-template-columns:1fr;gap:4rem}.footer-links-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}.grid-2,.grid-3{grid-template-columns:1fr}.section-container{padding:60px 5%}.hero-title{font-size:2.5rem!important}.button-group{width:100%;max-width:300px;margin:0 auto 4rem;flex-direction:column!important}.hero-btn{justify-content:center;width:100%}.hero-subtitle{font-size:15px}.featured-card-footer{flex-direction:column;align-items:flex-start;gap:2rem}.featured-cta-group{align-items:stretch;width:100%}.featured-btn{width:100%}}@media (width<=600px){.header-wrapper{padding:.8rem 0}.nav-pill{justify-content:space-between;gap:.5rem;width:96%;padding:.4rem .8rem}.nav-links{gap:.8rem;padding:0 .8rem}.nav-link{font-size:11px}.logo-text{display:none}.hero-section{padding-top:120px}.lead-form{flex-direction:column}.lead-btn{padding:1rem}}@media (width<=1024px){.dashboard-sidebar{width:80px;padding:2rem .5rem}.sidebar-header span,.nav-item span{display:none}.dashboard-main{margin-left:80px;padding:2rem}.stats-grid,.dashboard-content-grid{grid-template-columns:1fr}}.sp-toast{z-index:1500;-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--border-1);opacity:0;max-width:340px;transition:opacity var(--dur-base) var(--ease-out-expo), transform var(--dur-base) var(--ease-out-expo);pointer-events:none;background:#080808d9;border-radius:14px;align-items:center;gap:12px;padding:12px 14px 12px 12px;display:flex;position:fixed;bottom:20px;left:20px;transform:translateY(20px)scale(.96);box-shadow:0 20px 50px -20px #000c,0 0 0 1px #ffffff0a,0 0 30px #4fa3ff14}.sp-toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.sp-toast__icon{background:var(--surface-2);border:1px solid var(--border-1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sp-toast--success .sp-toast__icon{border-color:var(--border-accent);color:var(--accent-cyan);background:#4fa3ff1f;box-shadow:0 0 14px #4fa3ff4d}.sp-toast--info .sp-toast__icon{color:#78c8ff;background:#78c8ff1a;border-color:#78c8ff40}.sp-toast--warning .sp-toast__icon{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b4d;box-shadow:0 0 14px #f59e0b40}.sp-toast__body{flex:1;min-width:0}.sp-toast__text{color:var(--text-2);margin:0 0 4px;font-size:13px;line-height:1.4}.sp-toast__text strong{color:#fff;font-weight:700}.sp-toast__where{color:var(--text-3);font-weight:500}.sp-toast__target{color:#fff;font-weight:600}.sp-toast__time{color:var(--text-3);align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.sp-toast__dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite sp-pulse;box-shadow:0 0 8px #22c55e99}@keyframes sp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sp-toast__close{color:var(--text-3);cursor:pointer;transition:all var(--dur-fast) ease;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin-top:2px;padding:4px;display:flex}.sp-toast__close:hover{background:var(--surface-2);color:#fff}@media (width<=600px){.sp-toast{max-width:none;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.sp-toast{transition:none}.sp-toast__dot{animation:none}}.tech-backdrop{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(#000 30%,#0006 70%,#0000 95%);mask-image:radial-gradient(#000 30%,#0006 70%,#0000 95%)}.hero-section>:not(.tech-backdrop){z-index:1;position:relative}.tech-backdrop__lines{opacity:.5;width:100%;height:100%;position:absolute;inset:0}.tech-backdrop__path{stroke-dasharray:6 10;animation:8s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-160px}}.tech-backdrop__node{transform-origin:50%;animation:2.4s ease-in-out infinite node-pulse}@keyframes node-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}.tech-backdrop__logo{color:#ffffff38;filter:drop-shadow(0 0 12px #4fa3ff40);will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.tech-backdrop__logo svg{display:block}.tech-backdrop__logo--a{animation:12s ease-in-out infinite drift-a,6s ease-in-out infinite fade-cycle}.tech-backdrop__logo--b{animation:14s ease-in-out infinite drift-b,7s ease-in-out infinite fade-cycle}.tech-backdrop__logo--c{animation:16s ease-in-out infinite drift-c,8s ease-in-out infinite fade-cycle}@keyframes drift-a{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(calc(14px - 50%),calc(-50% - 18px))rotate(6deg)}}@keyframes drift-b{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(calc(-50% - 18px),calc(14px - 50%))rotate(-8deg)}}@keyframes drift-c{0%,to{transform:translate(-50%,-50%)rotate(0)}50%{transform:translate(calc(10px - 50%),calc(22px - 50%))rotate(10deg)}}@keyframes fade-cycle{0%,to{opacity:1}50%{opacity:.55}}.tech-backdrop__orb{filter:blur(60px);opacity:.6;border-radius:50%;animation:14s ease-in-out infinite orb-float;position:absolute}.tech-backdrop__orb--1{background:radial-gradient(circle,#1978e580,#0000 70%);width:360px;height:360px;top:-10%;left:-5%}.tech-backdrop__orb--2{background:radial-gradient(circle,#4fa3ff73,#0000 70%);width:280px;height:280px;animation-delay:-7s;bottom:-10%;right:-5%}.tech-backdrop__orb--3{background:radial-gradient(circle,#78c8ff4d,#0000 70%);width:200px;height:200px;animation-delay:-3s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-30px,40px)scale(.95)}}.tech-backdrop__orb--3{animation:14s ease-in-out infinite orb-float-center}@keyframes orb-float-center{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-40%,-55%)scale(1.1)}}@media (width<=600px){.tech-backdrop__logo{display:none}.tech-backdrop__lines{opacity:.3}}@media (prefers-reduced-motion:reduce){.tech-backdrop__logo,.tech-backdrop__orb,.tech-backdrop__path,.tech-backdrop__node{animation:none!important}}.compare-grid{text-align:left;grid-template-columns:1fr 1.06fr;align-items:stretch;gap:24px;display:grid}.compare-card{background:var(--surface-1);border:1px solid var(--border-1);transition:transform var(--dur-base) var(--ease-out-expo), border-color var(--dur-base) ease, box-shadow var(--dur-base) ease, background var(--dur-base) ease, opacity var(--dur-base) ease;border-radius:24px;padding:40px 36px;position:relative;overflow:hidden}.compare-card--negative{opacity:.82}.compare-card--negative:hover{opacity:1;border-color:var(--border-2);transform:translateY(-2px)}.compare-card--positive{background:linear-gradient(180deg, #1978e514 0%, transparent 55%), radial-gradient(circle at top right, #4fa3ff1f, transparent 65%), var(--surface-1);border:1px solid var(--border-accent);box-shadow:0 30px 80px -40px #1978e580, var(--glow-blue-sm)}.compare-card--positive:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.7;background:linear-gradient(135deg,#4fa3ff99,#0000 40% 60%,#1978e580);border-radius:24px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.compare-card--positive:hover{border-color:var(--accent-blue);box-shadow:0 40px 100px -30px #1978e599, var(--glow-blue-md);transform:translateY(-4px)}.compare-card__badge{background:var(--primary-accent);color:#fff;letter-spacing:.12em;z-index:2;border-radius:999px;padding:6px 12px;font-size:10px;font-weight:800;position:absolute;top:20px;right:20px;box-shadow:0 6px 20px -4px #1978e599}.compare-card__head{border-bottom:1px solid var(--border-1);align-items:center;gap:14px;margin-bottom:28px;padding-bottom:24px;display:flex}.compare-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.compare-card--negative .compare-card__icon{color:#ff6b6b;background:#ff4d4d14;border:1px solid #ff4d4d33}.compare-card--positive .compare-card__icon{color:var(--accent-cyan);border:1px solid var(--border-accent);background:#4fa3ff1f;box-shadow:0 0 16px #4fa3ff4d}.compare-card__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.compare-card--positive .compare-card__label{color:var(--accent-cyan)}.compare-card__title{letter-spacing:-.02em;color:#fff;font-size:20px;font-weight:700;line-height:1.2;display:block}.compare-list{flex-direction:column;gap:18px;display:flex}.compare-item{align-items:flex-start;gap:14px;display:flex}.compare-item__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex}.compare-card--negative .compare-item__icon{color:#ff6b6b;background:#ff4d4d1f}.compare-card--positive .compare-item__icon{color:var(--accent-cyan);background:#4fa3ff26;box-shadow:0 0 10px #4fa3ff33}.compare-item__body{flex:1}.compare-item__title{color:#fff;letter-spacing:-.005em;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.compare-item__desc{color:var(--text-2);font-size:13.5px;line-height:1.6;display:block}@media (width<=768px){.compare-grid{grid-template-columns:1fr;gap:20px}.compare-card{padding:28px 24px}.compare-card__badge{top:16px;right:16px}.compare-card__title{font-size:18px}}input,textarea{caret-color:var(--accent-cyan)}.cursor-orb,.cursor-trail{pointer-events:none;z-index:10000;will-change:transform;position:fixed;top:0;left:0}.cursor-orb{width:28px;height:28px;transition:width var(--dur-base) var(--ease-spring), height var(--dur-base) var(--ease-spring);justify-content:center;align-items:center;display:flex}.cursor-orb__core{transition:inset var(--dur-base) var(--ease-spring), background var(--dur-base) ease;background:radial-gradient(circle,#fff,#4fa3ff 60%,#0000 100%);border-radius:50%;position:absolute;inset:8px;box-shadow:0 0 16px #4fa3ffcc,0 0 32px #4fa3ff66}.cursor-orb__ring{transition:all var(--dur-base) var(--ease-spring);border:1px solid #4fa3ff99;border-radius:50%;animation:2s ease-in-out infinite cursor-pulse;position:absolute;inset:0}@keyframes cursor-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.25)}}.cursor-orb__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-2);white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cursor-label-in .2s var(--ease-out-back);background:#080808e6;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:130%;left:50%;transform:translate(-50%)}@keyframes cursor-label-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cursor-orb--hover{width:56px;height:56px}.cursor-orb--hover .cursor-orb__core{background:radial-gradient(circle, #fff, var(--accent-cyan) 70%, transparent 100%);inset:18px}.cursor-orb--hover .cursor-orb__ring{border-color:var(--accent-cyan);border-width:1.5px;animation:none;box-shadow:0 0 20px #4fa3ff66}.cursor-orb--click{width:36px;height:36px}.cursor-orb--click .cursor-orb__core{background:radial-gradient(circle,#fff,#1978e5 70%,#0000 100%);inset:6px}.cursor-trail{background:#4fa3ff99;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4fa3ff80}@media (hover:none){.cursor-orb,.cursor-trail{display:none}}@media (prefers-reduced-motion:reduce){body{cursor:auto}a,button{cursor:pointer}.cursor-orb,.cursor-trail{display:none}}.neural-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 90%);mask-image:radial-gradient(#000 30%,#0000 90%)}.neural-canvas--fixed{z-index:-1;opacity:.6;position:fixed;inset:0}.magnetic{will-change:transform;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-block}.magnetic>*{justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";background:radial-gradient(500px circle at var(--sx,50%) var(--sy,50%), #4fa3ff1a, transparent 40%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}.spotlight>*{z-index:1;position:relative}.reveal-pro{opacity:0;filter:blur(8px);transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo), filter .9s var(--ease-out-expo);will-change:opacity, transform, filter;transform:translateY(40px)skewY(2deg)}.reveal-pro.active{opacity:1;filter:blur();transform:translateY(0)skewY(0)}.reveal-pro-stagger>*{opacity:0;filter:blur(4px);transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo), filter .7s var(--ease-out-expo);transform:translateY(24px)}.reveal-pro-stagger.active>:first-child{transition-delay:60ms}.reveal-pro-stagger.active>:nth-child(2){transition-delay:.14s}.reveal-pro-stagger.active>:nth-child(3){transition-delay:.22s}.reveal-pro-stagger.active>:nth-child(4){transition-delay:.3s}.reveal-pro-stagger.active>:nth-child(5){transition-delay:.38s}.reveal-pro-stagger.active>:nth-child(6){transition-delay:.46s}.reveal-pro-stagger.active>*{opacity:1;filter:blur();transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal-pro,.reveal-pro-stagger>*{opacity:1!important;filter:none!important;transform:none!important}}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1   0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}@media (prefers-reduced-motion:reduce){body:after{display:none}}.font-serif{font-family:var(--font-serif);letter-spacing:-.02em;font-style:italic}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.4s;animation-timing-function:var(--ease-out-expo)}::view-transition-new(root){animation-duration:.4s;animation-timing-function:var(--ease-out-expo)}::view-transition-old(root){animation-name:vt-fade-out}::view-transition-new(root){animation-name:vt-fade-in}@keyframes vt-fade-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(12px)}}.hero-editorial{text-align:center;max-width:1280px;margin:0 auto;padding:140px 5% 100px;position:relative;overflow:hidden}.hero-editorial__eyebrow{background:var(--surface-1);border:1px solid var(--border-1);font-family:var(--font-mono);color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;margin-bottom:40px;padding:8px 16px;font-size:11px;font-weight:500;display:inline-flex}.hero-editorial__eyebrow .dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite sp-pulse;box-shadow:0 0 8px #22c55e}.hero-editorial__title{font-family:var(--font-sans);letter-spacing:-.04em;font-feature-settings:"ss01", "cv01", "cv11";max-width:16ch;margin:0 auto 28px;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:.95}.hero-editorial__title .serif{font-family:var(--font-serif);letter-spacing:-.035em;background:linear-gradient(#fff 20%,#4fa3ff 95%);-webkit-text-fill-color:transparent;font-feature-settings:"ss01";-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic;font-weight:300;display:inline-block}.hero-editorial__subtitle{color:var(--text-2);max-width:600px;margin:0 auto 48px;font-size:19px;line-height:1.6}.hero-editorial__cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:80px;display:flex}.hero-editorial__stats{background:var(--border-1);border:1px solid var(--border-1);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:1px;max-width:920px;margin:0 auto;display:grid;overflow:hidden}.hero-editorial__stat{background:var(--bg-color);text-align:center;padding:28px 20px}.hero-editorial__stat-num{font-family:var(--font-sans);letter-spacing:-.03em;background:linear-gradient(#fff,#78c8ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:38px;font-weight:800;line-height:1}.hero-editorial__stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:500}@media (width<=768px){.hero-editorial__stats{grid-template-columns:repeat(2,1fr)}.hero-editorial__title{font-size:clamp(2.5rem,12vw,4rem)}}.hero-ai{text-align:center;max-width:1100px;margin:0 auto;padding:140px 5% 100px;position:relative}.hero-ai__kbd{background:var(--surface-1);border:1px solid var(--border-1);font-family:var(--font-mono);color:var(--text-3);border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 12px;font-size:11px;display:inline-flex}.hero-ai__kbd kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border-2);color:#fff;box-shadow:0 1px 0 var(--border-2), inset 0 1px 0 #ffffff0a;border-radius:5px;padding:2px 7px;font-size:10px}.hero-ai__title{font-family:var(--font-sans);letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.hero-ai__title .accent{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--accent-cyan);padding-right:.04em;font-style:italic;font-weight:300;display:inline-block}.hero-ai__sub{color:var(--text-2);max-width:560px;margin:0 auto 48px;font-size:17px;line-height:1.6}.cmd-palette{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--border-2);text-align:left;background:#080808d9;border-radius:20px;max-width:720px;margin:0 auto 40px;overflow:hidden;box-shadow:0 30px 80px -20px #0009,0 0 0 1px #ffffff0a,0 0 60px #4fa3ff26}.cmd-palette__input{border-bottom:1px solid var(--border-1);align-items:center;gap:12px;padding:18px 20px;display:flex}.cmd-palette__input svg{color:var(--accent-cyan);flex-shrink:0}.cmd-palette__type{font-family:var(--font-sans);color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:500;overflow:hidden}.cmd-palette__type:after{content:"|";color:var(--accent-cyan);margin-left:2px;animation:1s step-end infinite cmd-blink}@keyframes cmd-blink{50%{opacity:0}}.cmd-palette__kbd{font-family:var(--font-mono);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:6px;padding:3px 8px;font-size:11px}.cmd-palette__results{flex-direction:column;padding:8px;display:flex}.cmd-palette__group{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:10px 12px 6px;font-size:10px}.cmd-palette__item{color:var(--text-2);cursor:pointer;transition:all var(--dur-fast) ease;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.cmd-palette__item:hover,.cmd-palette__item.is-active{background:var(--surface-2);color:#fff}.cmd-palette__item.is-active{border-left:2px solid var(--accent-cyan);background:linear-gradient(90deg,#1978e51f,#0000)}.cmd-palette__item svg{color:var(--accent-cyan);flex-shrink:0}.cmd-palette__item-shortcut{font-family:var(--font-mono);color:var(--text-3);margin-left:auto;font-size:11px}.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:180px;gap:16px;max-width:1280px;margin:0 auto;padding:0 5%;display:grid}.bento__cell{background:var(--surface-1);border:1px solid var(--border-1);transition:transform var(--dur-base) var(--ease-out-expo), border-color var(--dur-base) ease, background var(--dur-base) ease;border-radius:20px;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative;overflow:hidden}.bento__cell:hover{border-color:var(--border-accent);background:var(--surface-2);transform:translateY(-3px)}.bento__cell--lg{grid-area:span 2/span 4}.bento__cell--md{grid-area:span 1/span 3}.bento__cell--sm{grid-area:span 1/span 2}.bento__cell--xl{grid-area:span 1/span 6}.bento__num{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.1em;font-size:12px}.bento__title{font-family:var(--font-sans);letter-spacing:-.02em;color:#fff;margin-top:14px;font-size:22px;font-weight:700;line-height:1.2}.bento__cell--lg .bento__title{font-size:32px}.bento__cell--lg .bento__title .serif{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--accent-cyan);padding-right:.04em;font-style:italic;font-weight:300;display:inline-block}.bento__desc{color:var(--text-2);margin-top:8px;font-size:13.5px;line-height:1.55}.bento__visual{opacity:.4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bento__visual--orbit{background:radial-gradient(circle at 80%,#4fa3ff2e,#0000 50%)}.bento__visual--grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px}.bento__cell--hl{background:radial-gradient(circle at top right, #4fa3ff2e, transparent 60%), linear-gradient(180deg, #1978e50d, transparent), var(--surface-1);border-color:var(--border-accent)}@media (width<=900px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.bento__cell--lg,.bento__cell--md,.bento__cell--sm,.bento__cell--xl{grid-area:auto/span 2;min-height:180px}}.preview-toggle{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-2);background:#080808e6;border-radius:999px;padding:6px;display:inline-flex;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.preview-toggle__btn{color:var(--text-3);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--dur-base) var(--ease-out-expo);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:11px;font-weight:600}.preview-toggle__btn.is-active{background:var(--primary-accent);color:#fff;box-shadow:0 4px 12px #1978e580}.preview-divider{text-align:center;padding:80px 5% 40px;position:relative}.preview-divider__label{background:var(--bg-color);border:1px solid var(--border-1);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);z-index:1;border-radius:999px;padding:4px 14px;font-size:10px;display:inline-block;position:relative}.preview-divider:before{content:"";background:linear-gradient(90deg, transparent, var(--border-1) 30%, var(--border-1) 70%, transparent);height:1px;position:absolute;top:50%;left:0;right:0}:root{--dx-blurple:#5865f2;--dx-blurple-dark:#3442d9;--dx-blurple-hover:#8891f2;--dx-spring:#57f287;--dx-cerulean:#00b0f4;--dx-ember:#fda220;--dx-fuchsia:#eb459e;--dx-cosmic:#0e0f2d;--dx-cosmic-deep:#07071a;--dx-snow:#fff;--dx-fog:#babcd9;--dx-graphite:#23272a;--dx-charcoal:#2c2f33;--font-stamp:"Bricolage Grotesque", "Inter", sans-serif}.dx-world{background:var(--dx-cosmic);color:var(--dx-snow);position:relative;overflow:hidden}.dx-world:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#5865f240,#0000 50%),radial-gradient(at 80% 20%,#00b0f426,#0000 55%),radial-gradient(at 50% 100%,#5865f21a,#0000 60%);position:absolute;inset:0}.dx-world>*{z-index:1;position:relative}.dx-stars{pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 25% 35%,#fff9,#0000),radial-gradient(1px 1px at 67% 18%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 80% 75%,#ffffffb3,#0000),radial-gradient(1px 1px at 12% 80%,#ffffff73,#0000),radial-gradient(1px 1px at 42% 60%,#ffffff8c,#0000),radial-gradient(2px 2px at 90% 40%,#8891f2b3,#0000),radial-gradient(1px 1px at 55% 88%,#ffffff73,#0000),radial-gradient(1.5px 1.5px at 33% 12%,#00b0f499,#0000);background-repeat:no-repeat;animation:4s ease-in-out infinite alternate dx-twinkle;position:absolute;inset:0}@keyframes dx-twinkle{0%{opacity:.5}to{opacity:1}}.dx-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1280px;min-height:92vh;margin:0 auto;padding:140px 5% 100px;display:grid;position:relative}@media (width<=900px){.dx-hero{grid-template-columns:1fr;padding-top:110px}}.dx-hero__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dx-fog);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:104px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 14px;font-size:11px;font-weight:600;display:inline-flex}.dx-hero__eyebrow .dx-dot{background:var(--dx-spring);width:7px;height:7px;box-shadow:0 0 10px var(--dx-spring);border-radius:50%}.dx-stamp{font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:-.018em;color:var(--dx-snow);margin:0;font-weight:800;line-height:.88}.dx-hero__title{margin-bottom:24px;font-size:clamp(2.6rem,6.8vw,5rem)}.dx-hero__title .dx-accent{color:var(--dx-blurple-hover);-webkit-text-stroke:0}.dx-hero__sub{font-family:var(--font-sans);color:var(--dx-fog);max-width:460px;margin-bottom:32px;font-size:17px;line-height:1.5}.dx-hero__ctas{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.dx-btn{font-family:var(--font-sans);letter-spacing:.016em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.dx-btn--primary{background:var(--dx-blurple);color:var(--dx-snow);padding:18px 26px;box-shadow:0 8px 24px -8px #5865f299}.dx-btn--primary:hover{background:var(--dx-blurple-dark);transform:translateY(-1px);box-shadow:0 14px 30px -8px #5865f2b3}.dx-btn--secondary{background:var(--dx-snow);color:var(--dx-graphite);border-color:var(--dx-graphite);padding:14px 24px}.dx-btn--secondary:hover{background:#f0f0f5;transform:translateY(-1px)}.dx-btn--ghost{color:var(--dx-snow);background:0 0;border:1px solid #fff6;padding:10px 16px}.dx-btn--ghost:hover{border-color:var(--dx-snow);background:#ffffff14}.dx-hero__stats{flex-wrap:wrap;gap:32px;display:flex}.dx-hero__stat{flex-direction:column;gap:4px;display:flex}.dx-hero__stat-num{font-family:var(--font-stamp);letter-spacing:-.02em;color:var(--dx-snow);font-size:32px;font-weight:800;line-height:1}.dx-hero__stat-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dx-fog);font-size:10.5px;font-weight:500}.dx-hero__stage{justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}@media (width<=900px){.dx-hero__stage{min-height:360px}}.dx-stage-stack{flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;padding:80px 5%;display:flex}.dx-stage{isolation:isolate;border-radius:24px;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:420px;padding:56px 48px;display:grid;position:relative;overflow:hidden}.dx-stage__bg{z-index:-1;border-radius:inherit;position:absolute;inset:0}@media (width<=900px){.dx-stage{grid-template-columns:1fr;padding:40px 28px}}.dx-stage>:not(.dx-stage__bg){z-index:1;position:relative}.dx-stage--learn .dx-stage__bg{background:radial-gradient(circle at 80% 20%,#00b0f466,#0000 50%),linear-gradient(135deg,#2c39c4 0%,#5865f2 60%,#00b0f4 120%)}.dx-stage--tutorial .dx-stage__bg{background:radial-gradient(circle at 20% 80%,#eb459e66,#0000 60%),linear-gradient(120deg,#8b31a0 0%,#c93dba 50%,#5865f2 130%)}.dx-stage--video .dx-stage__bg{background:radial-gradient(circle at 80% 100%,#57f28759,#0000 55%),linear-gradient(135deg,#fda220 0%,#de2761 60%,#5865f2 130%)}.dx-stage--vibe .dx-stage__bg{background:radial-gradient(circle at 30% 20%,#5865f273,#0000 55%),linear-gradient(135deg,#0c5577 0%,#1f3a8a 60%,#2c2f33 130%)}.dx-stage__chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dx-snow);background:#ffffff2e;border:1px solid #ffffff40;border-radius:104px;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.dx-stage__title{color:var(--dx-snow);margin-bottom:16px;font-size:clamp(2rem,4.5vw,3rem)}.dx-stage__desc{font-family:var(--font-sans);color:#ffffffeb;max-width:440px;margin-bottom:24px;font-size:16px;line-height:1.5}.dx-stage__bullets{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.dx-stage__bullets li{font-family:var(--font-sans);color:#fffffff2;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.dx-stage__bullets li:before{content:"";background:#fffffff2 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230e0f2d' stroke-width='3'><path d='M3 8l3.5 3.5L13 5'/></svg>") 50%/70% no-repeat;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:4px}.dx-stage__frame{aspect-ratio:4/3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0f2da6;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex;position:relative}.dx-stage__frame-bar{gap:6px;display:flex}.dx-stage__frame-bar i{background:#fff3;border-radius:50%;width:10px;height:10px}.dx-stage__frame-bar i:first-child{background:#de2761}.dx-stage__frame-bar i:nth-child(2){background:#fda220}.dx-stage__frame-bar i:nth-child(3){background:#57f287}.dx-stage__frame-screen{color:#ffffffb3;font-family:var(--font-mono);background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;flex:1;gap:10px;padding:16px;font-size:12px;display:flex}.dx-stage__frame-line{background:#ffffff1f;border-radius:4px;height:8px}.dx-stage__frame-line.short{width:60%}.dx-stage__frame-line.mid{width:80%}.dx-stage__frame-line.glow{background:linear-gradient(90deg,#5865f2cc,#00b0f499);box-shadow:0 0 12px #5865f299}.dx-mascot{filter:drop-shadow(0 20px 30px #0006)drop-shadow(0 0 20px #5865f24d);pointer-events:none;z-index:2;width:160px;height:160px;animation:6s ease-in-out infinite alternate dx-float;position:absolute}.dx-mascot--lg{width:280px;height:280px}.dx-mascot--md{width:180px;height:180px}.dx-mascot--sm{width:120px;height:120px}@keyframes dx-float{0%{transform:translateY(-12px)rotate(-3deg)}to{transform:translateY(12px)rotate(3deg)}}.dx-section-head{text-align:center;max-width:900px;margin:0 auto;padding:80px 5% 40px;position:relative}.dx-section-head__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dx-fog);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:104px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.dx-section-head__title{font-size:clamp(2rem,4.5vw,3.4rem)}.dx-section-head__sub{font-family:var(--font-sans);color:var(--dx-fog);max-width:600px;margin-top:12px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.5}.dx-cta-band{text-align:center;background:radial-gradient(circle at 30% 30%,#00b0f466,#0000 50%),radial-gradient(circle at 80% 70%,#eb459e4d,#0000 55%),linear-gradient(135deg,#1f3a8a 0%,#5865f2 60%,#c93dba 130%);border-radius:28px;max-width:1280px;margin:80px auto;padding:80px 48px;position:relative;overflow:hidden}.dx-cta-band__title{margin-bottom:16px;font-size:clamp(2rem,5vw,3.6rem)}.dx-cta-band__sub{font-family:var(--font-sans);color:#ffffffeb;max-width:540px;margin:0 auto 32px;font-size:18px;line-height:1.5}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.pcard{border:1px solid var(--border-1);transition:all .35s var(--ease-out-expo);text-align:left;background:#ffffff05;border-radius:20px;flex-direction:column;gap:18px;padding:32px 28px;display:flex;position:relative;overflow:hidden}.pcard:hover{background:#ffffff0a;border-color:#ffffff2e;transform:translateY(-4px)}.pcard--pro{background:radial-gradient(at 100% 0,#4fa3ff33,#0000 60%),#ffffff0a;border-color:#4fa3ff66;transform:translateY(-4px);box-shadow:0 20px 50px -20px #4fa3ff59}.pcard--pro:hover{border-color:var(--accent-cyan);transform:translateY(-6px);box-shadow:0 30px 70px -20px #4fa3ff8c}.pcard__badge{color:#fff;letter-spacing:.1em;background:linear-gradient(135deg,#fbbf24,#f472b6);border-radius:0 0 8px 8px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:absolute;top:-1px;right:24px;box-shadow:0 4px 12px #f472b64d}.pcard__icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pcard__name{letter-spacing:-.02em;color:#fff;margin:0;font-size:20px;font-weight:800}.pcard__tagline{color:var(--text-2);margin:6px 0 0;font-size:13.5px;line-height:1.5}.pcard__price{border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);align-items:baseline;gap:8px;padding:18px 0 14px;display:flex}.pcard__amount{letter-spacing:-.035em;color:#fff;font-size:42px;font-weight:900;line-height:1}.pcard--pro .pcard__amount{background:linear-gradient(135deg, #fff, var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pcard__period{color:var(--text-3);font-size:14px}.pcard__oldprice{color:var(--text-3);margin-left:auto;font-size:13px;text-decoration:line-through}.pcard__features{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pcard__features li{color:var(--text-2);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.pcard__features svg{color:#22c55e;flex-shrink:0;margin-top:2px}.pcard--pro .pcard__features svg{color:var(--accent-cyan)}.pcard__features svg.dim{color:var(--text-3);opacity:.5}.pcard__features li .muted{color:var(--text-3);text-decoration:line-through}.pcard__cta{cursor:pointer;width:100%;height:52px;transition:all .25s var(--ease-out-expo);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:0 1.6rem;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.pcard__cta--primary{background:var(--primary-accent);color:#fff;box-shadow:0 10px 28px -10px #1978e599}.pcard__cta--primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #1978e5cc}.pcard__cta--ghost{color:#fff;border-color:var(--border-1);background:#ffffff0a}.pcard__cta--ghost:hover{background:#ffffff14;border-color:#fff3}.pcard__cta:disabled{opacity:.5;cursor:not-allowed}.pricing-foot{border:1px solid var(--border-1);background:#ffffff05;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:1100px;margin-top:28px;margin-left:auto;margin-right:auto;padding:18px 22px;display:flex}.pricing-foot__copy{align-items:center;gap:12px;display:flex}.pricing-foot__copy svg{color:var(--accent-cyan);flex-shrink:0}.pricing-foot__title{margin:0 0 2px;font-size:14px;font-weight:700}.pricing-foot__sub{color:var(--text-2);margin:0;font-size:13px}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}.pcard--pro{transform:none}}.dx-dash{--d-bg:#07080d;--d-bg-elev:#0d0f17;--d-surface-1:#ffffff06;--d-surface-2:#ffffff0d;--d-surface-3:#ffffff14;--d-line:#ffffff14;--d-line-2:#ffffff24;--d-ink:#fafafa;--d-ink-2:#ffffffb3;--d-ink-3:#ffffff73;--d-blue:#4fa3ff;--d-blue-2:#1978e5;--d-mint:#34d399;--d-amber:#fbbf24;--d-violet:#a78bfa;--d-rose:#f472b6;--d-rad-sm:10px;--d-rad-md:14px;--d-rad-lg:20px;--d-ease:cubic-bezier(.16, 1, .3, 1);background:var(--d-bg);min-height:100vh;color:var(--d-ink);grid-template-columns:264px 1fr;font-family:Inter,sans-serif;display:grid;position:relative}.dx-dash:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 10% 0,#1978e51f,#0000 50%),radial-gradient(at 90% 80%,#a78bfa14,#0000 55%);position:fixed;inset:0}.dx-side{background:var(--d-bg-elev);border-right:1px solid var(--d-line);z-index:2;flex-direction:column;gap:32px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.dx-side__brand{align-items:center;gap:12px;padding:0 10px;display:flex}.dx-side__brand-dot{background:linear-gradient(135deg, var(--d-blue-2), var(--d-blue));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;display:flex;box-shadow:0 8px 20px -8px #4fa3ff99}.dx-side__brand-name{letter-spacing:-.02em;font-size:14px;font-weight:800}.dx-side__brand-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--d-ink-3);font-family:JetBrains Mono,monospace;font-size:9px;display:block}.dx-side__search{background:var(--d-surface-1);border:1px solid var(--d-line);border-radius:var(--d-rad-md);color:var(--d-ink-3);cursor:pointer;transition:all .2s var(--d-ease);align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.dx-side__search:hover{background:var(--d-surface-2);border-color:var(--d-line-2);color:var(--d-ink)}.dx-side__search kbd{background:var(--d-surface-2);border:1px solid var(--d-line);color:var(--d-ink-2);border-radius:4px;margin-left:auto;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.dx-side__group{flex-direction:column;gap:2px;display:flex}.dx-side__label{letter-spacing:.12em;text-transform:uppercase;color:var(--d-ink-3);padding:8px 12px 4px;font-family:JetBrains Mono,monospace;font-size:10px}.dx-side__item{border-radius:var(--d-rad-sm);color:var(--d-ink-2);cursor:pointer;transition:all .18s var(--d-ease);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.dx-side__item:hover{background:var(--d-surface-2);color:var(--d-ink)}.dx-side__item.is-active{color:var(--d-ink);border-left:2px solid var(--d-blue);background:linear-gradient(90deg,#4fa3ff26,#4fa3ff0a);padding-left:10px}.dx-side__item .dx-side__count{background:var(--d-surface-2);color:var(--d-ink-2);border-radius:100px;margin-left:auto;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:10px}.dx-side__user{background:var(--d-surface-1);border:1px solid var(--d-line);border-radius:var(--d-rad-md);cursor:pointer;transition:all .18s var(--d-ease);align-items:center;gap:10px;margin-top:auto;padding:10px 12px;display:flex}.dx-side__user:hover{background:var(--d-surface-2)}.dx-side__avatar{background:linear-gradient(135deg, var(--d-blue-2), var(--d-violet));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.dx-side__user-info{flex:1;min-width:0}.dx-side__user-name{color:var(--d-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dx-side__user-plan{letter-spacing:.1em;text-transform:uppercase;color:var(--d-ink-3);font-family:JetBrains Mono,monospace;font-size:9px}.dx-main{z-index:1;width:100%;max-width:1400px;padding:32px 40px 60px;position:relative}.dx-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dx-top__greet{flex-direction:column;gap:4px;display:flex}.dx-top__greet h1{letter-spacing:-.025em;color:var(--d-ink);margin:0;font-size:28px;font-weight:700}.dx-top__greet p{color:var(--d-ink-3);margin:0;font-size:14px}.dx-top__actions{align-items:center;gap:10px;display:flex}.dx-icon-btn{background:var(--d-surface-1);border:1px solid var(--d-line);width:38px;height:38px;color:var(--d-ink-2);cursor:pointer;transition:all .18s var(--d-ease);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.dx-icon-btn:hover{background:var(--d-surface-2);color:var(--d-ink);border-color:var(--d-line-2)}.dx-icon-btn__dot{background:var(--d-rose);width:7px;height:7px;box-shadow:0 0 8px var(--d-rose);border-radius:50%;position:absolute;top:8px;right:8px}.dx-banner{border-radius:var(--d-rad-lg);background:radial-gradient(at 80%,#4fa3ff40,#0000 60%),linear-gradient(135deg,#1a2a55 0%,#0d1428 70%);border:1px solid #4fa3ff40;align-items:center;gap:24px;margin-bottom:28px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.dx-banner:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.dx-banner>*{z-index:1;position:relative}.dx-banner__icon{background:linear-gradient(135deg, var(--d-blue-2), var(--d-blue));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 12px 28px -8px #4fa3ff99}.dx-banner__body{flex:1}.dx-banner__title{letter-spacing:-.015em;margin:0 0 4px;font-size:18px;font-weight:700}.dx-banner__title .accent{color:var(--d-blue)}.dx-banner__desc{color:var(--d-ink-2);margin:0;font-size:13.5px;line-height:1.55}.dx-banner__cta{flex-shrink:0}.dx-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.dx-stat{background:var(--d-surface-1);border:1px solid var(--d-line);border-radius:var(--d-rad-lg);transition:all .25s var(--d-ease);padding:20px;position:relative;overflow:hidden}.dx-stat:hover{border-color:var(--d-line-2);background:var(--d-surface-2);transform:translateY(-2px)}.dx-stat__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dx-stat__icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dx-stat__trend{letter-spacing:.06em;color:var(--d-mint);background:#34d3991f;border-radius:100px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.dx-stat__trend.is-down{color:var(--d-rose);background:#f472b61f}.dx-stat__value{letter-spacing:-.025em;margin-bottom:6px;font-size:26px;font-weight:700;line-height:1}.dx-stat__label{color:var(--d-ink-3);font-size:12px;font-weight:500}.dx-stat__spark{opacity:.6;pointer-events:none;height:30px;position:absolute;bottom:0;left:0;right:0}.dx-grid{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}.dx-col{flex-direction:column;gap:20px;display:flex}.dx-panel{background:var(--d-surface-1);border:1px solid var(--d-line);border-radius:var(--d-rad-lg);padding:22px}.dx-panel__head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dx-panel__title{letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.dx-panel__link{letter-spacing:.08em;text-transform:uppercase;color:var(--d-blue);font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:all .18s}.dx-panel__link:hover{color:#fff}.dx-course{border-radius:var(--d-rad-md);cursor:pointer;align-items:center;gap:16px;padding:12px;transition:background .18s;display:flex}.dx-course:hover{background:var(--d-surface-2)}.dx-course__thumb{border-radius:var(--d-rad-sm);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.dx-course__info{flex:1;min-width:0}.dx-course__name{color:var(--d-ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.dx-course__meta{color:var(--d-ink-3);align-items:center;gap:8px;font-size:11.5px;display:flex}.dx-course__prog{text-align:right;width:90px;color:var(--d-ink-2);font-family:JetBrains Mono,monospace;font-size:11px}.dx-course__bar{background:var(--d-surface-2);border-radius:100px;width:100%;height:4px;margin-top:4px;overflow:hidden}.dx-course__bar-fill{background:linear-gradient(90deg, var(--d-blue-2), var(--d-blue));border-radius:100px;height:100%}.dx-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 20px;display:flex}.dx-empty__icon{background:var(--d-surface-2);border:1px solid var(--d-line);width:64px;height:64px;color:var(--d-ink-3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.dx-empty__text{color:var(--d-ink-3);max-width:280px;margin:0;font-size:13.5px;line-height:1.5}.dx-activity{flex-direction:column;gap:14px;display:flex}.dx-activity__item{align-items:flex-start;gap:12px;display:flex;position:relative}.dx-activity__item:not(:last-child):before{content:"";background:var(--d-line);width:1px;position:absolute;top:26px;bottom:-16px;left:11px}.dx-activity__dot{background:var(--d-surface-2);border:1px solid var(--d-line-2);width:22px;height:22px;color:var(--d-blue);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dx-activity__body{color:var(--d-ink-2);flex:1;font-size:13px;line-height:1.5}.dx-activity__body strong{color:var(--d-ink);font-weight:600}.dx-activity__time{color:var(--d-ink-3);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:10px}.dx-quick{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.dx-quick__btn{background:var(--d-surface-1);border:1px solid var(--d-line);border-radius:var(--d-rad-md);color:var(--d-ink);text-align:left;cursor:pointer;transition:all .18s var(--d-ease);flex-direction:column;gap:10px;padding:14px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.dx-quick__btn:hover{background:var(--d-surface-2);border-color:var(--d-line-2);transform:translateY(-1px)}.dx-quick__btn-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dx-rec{background:linear-gradient(180deg, #4fa3ff0f, transparent 70%), var(--d-surface-1);border-radius:var(--d-rad-lg);cursor:pointer;transition:all .25s var(--d-ease);border:1px solid #4fa3ff33;padding:20px}.dx-rec:hover{border-color:var(--d-blue);transform:translateY(-3px);box-shadow:0 16px 40px -12px #4fa3ff4d}.dx-rec__chip{color:var(--d-blue);letter-spacing:.08em;text-transform:uppercase;background:#4fa3ff26;border-radius:100px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.dx-rec__title{letter-spacing:-.01em;margin:0 0 6px;font-size:15px;font-weight:600}.dx-rec__desc{color:var(--d-ink-2);margin:0 0 14px;font-size:12.5px;line-height:1.55}.dx-rec__meta{color:var(--d-ink-3);gap:12px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.dx-btn{cursor:pointer;transition:all .2s var(--d-ease);white-space:nowrap;border:1px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.dx-btn--primary{background:linear-gradient(135deg, var(--d-blue-2), var(--d-blue));color:#fff;box-shadow:0 6px 16px -6px #4fa3ff99}.dx-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -6px #4fa3ffcc}.dx-btn--ghost{background:var(--d-surface-1);color:var(--d-ink);border-color:var(--d-line-2)}.dx-btn--ghost:hover{background:var(--d-surface-2)}.dx-cmd__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;animation:dx-overlay-in .2s var(--d-ease);background:#05060cb3;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}@keyframes dx-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.dx-cmd{background:var(--d-bg-elev);border:1px solid var(--d-line-2);width:min(640px,92vw);animation:dx-cmd-in .3s var(--d-ease);border-radius:16px;font-family:Inter,sans-serif;overflow:hidden;box-shadow:0 30px 80px #000000b3,0 0 0 1px #ffffff0a,0 0 80px #4fa3ff26}@keyframes dx-cmd-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dx-cmd__head{border-bottom:1px solid var(--d-line);align-items:center;gap:12px;padding:14px 18px;display:flex}.dx-cmd__input{color:var(--d-ink);caret-color:var(--d-blue);background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:15px;font-weight:500}.dx-cmd__input::placeholder{color:var(--d-ink-3)}.dx-cmd__kbd,.dx-cmd__foot kbd{background:var(--d-surface-2);border:1px solid var(--d-line);color:var(--d-ink-2);letter-spacing:.05em;border-radius:5px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:10px}.dx-cmd__body{max-height:50vh;padding:8px;overflow-y:auto}.dx-cmd__group{letter-spacing:.12em;text-transform:uppercase;color:var(--d-ink-3);padding:10px 12px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.dx-cmd__item{width:100%;color:var(--d-ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;transition:background .15s,color .15s;display:flex}.dx-cmd__item svg{color:var(--d-blue);flex-shrink:0}.dx-cmd__item.is-active{color:var(--d-ink);background:linear-gradient(90deg,#4fa3ff29,#4fa3ff0a)}.dx-cmd__arrow{color:var(--d-blue);opacity:.8;margin-left:auto}.dx-cmd__tag{background:linear-gradient(135deg, var(--d-amber), var(--d-rose));color:#fff;letter-spacing:.08em;border-radius:100px;margin-left:auto;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.dx-cmd__item.is-active .dx-cmd__tag+.dx-cmd__arrow{margin-left:8px}.dx-cmd__empty{text-align:center;color:var(--d-ink-3);padding:32px 12px;font-size:13px}.dx-cmd__foot{border-top:1px solid var(--d-line);background:var(--d-surface-1);color:var(--d-ink-3);align-items:center;gap:16px;padding:10px 18px;font-size:11px;display:flex}.dx-cmd__foot kbd{margin-right:4px;font-size:9px}.dx-courses{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dx-pcard{background:var(--d-surface-1);border:1px solid var(--d-line);border-radius:var(--d-rad-lg);transition:all .28s var(--d-ease);flex-direction:column;gap:16px;padding:28px;display:flex;position:relative;overflow:hidden}.dx-pcard:hover{background:var(--d-surface-2);border-color:var(--d-line-2);transform:translateY(-4px)}.dx-pcard--pro{background:radial-gradient(ellipse at top right, #4fa3ff2e, transparent 60%), var(--d-surface-2);border-color:#4fa3ff59;box-shadow:0 20px 50px -20px #4fa3ff4d}.dx-pcard--pro:hover{border-color:var(--d-blue);box-shadow:0 30px 70px -20px #4fa3ff80}.dx-pcard__badge{background:linear-gradient(135deg, var(--d-amber), var(--d-rose));color:#fff;letter-spacing:.1em;border-radius:0 0 6px 6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;position:absolute;top:-1px;right:24px}.dx-pcard__icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:flex}.dx-pcard__name{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:700}.dx-pcard__tagline{color:var(--d-ink-3);margin:0;font-size:12.5px;line-height:1.5}.dx-pcard__price{border-top:1px solid var(--d-line);border-bottom:1px solid var(--d-line);align-items:baseline;gap:6px;padding:14px 0 10px;display:flex}.dx-pcard__amount{letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1}.dx-pcard--pro .dx-pcard__amount{background:linear-gradient(135deg, #fff, var(--d-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dx-pcard__period{color:var(--d-ink-3);font-size:13px}.dx-pcard__oldprice{color:var(--d-ink-3);margin-left:auto;font-size:12px;text-decoration:line-through}.dx-pcard__features{flex-direction:column;flex:1;gap:9px;margin:0;padding:0;list-style:none;display:flex}.dx-pcard__features li{color:var(--d-ink-2);align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.dx-pcard__features svg{color:var(--d-mint);flex-shrink:0;margin-top:2px}.dx-pcard--pro .dx-pcard__features svg{color:var(--d-blue)}.dx-pcard__features li .muted{color:var(--d-ink-3);text-decoration:line-through}.dx-pcard__features svg.dim{color:var(--d-ink-3);opacity:.5}.dx-pcard__cta{justify-content:center;width:100%;margin-top:4px}.dx-compare{background:var(--d-surface-1);border:1px solid var(--d-line);border-radius:var(--d-rad-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:22px;display:flex}.dx-compare__copy{align-items:center;gap:16px;display:flex}.dx-compare__copy svg{color:var(--d-blue);flex-shrink:0}.dx-compare__title{margin:0 0 2px;font-size:14px;font-weight:600}.dx-compare__sub{color:var(--d-ink-3);margin:0;font-size:12.5px}@media (width<=1100px){.dx-courses{grid-template-columns:1fr}}.dx-notif{background:var(--d-bg-elev);border:1px solid var(--d-line-2);z-index:8000;width:320px;animation:dx-cmd-in .24s var(--d-ease);border-radius:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #0009,0 0 24px #4fa3ff1a}.dx-notif__head{border-bottom:1px solid var(--d-line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dx-notif__head h4{margin:0;font-size:13px;font-weight:600}.dx-notif__body{max-height:340px;padding:6px;overflow-y:auto}.dx-notif__item{cursor:pointer;border-radius:10px;gap:12px;padding:12px;transition:background .15s;display:flex}.dx-notif__item:hover{background:var(--d-surface-2)}.dx-notif__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;box-shadow:0 0 8px}.dx-notif__text{color:var(--d-ink);margin-bottom:4px;font-size:13px;line-height:1.45}.dx-notif__text strong{color:var(--d-blue);font-weight:600}.dx-notif__time{color:var(--d-ink-3);letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:10px}.dx-notif__foot{background:var(--d-surface-1);border:none;border-top:1px solid var(--d-line);width:100%;color:var(--d-blue);cursor:pointer;border-radius:0 0 14px 14px;padding:12px;font-family:inherit;font-size:12px;transition:background .15s;display:block}.dx-notif__foot:hover{background:var(--d-surface-2)}.dx-toast{z-index:9100;background:var(--d-bg-elev);border:1px solid var(--d-line-2);color:var(--d-ink);animation:dx-toast-in .35s var(--d-ease);border-radius:12px;align-items:center;gap:12px;max-width:340px;padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #00000080,0 0 24px #4fa3ff26}@keyframes dx-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dx-toast__icon{width:28px;height:28px;color:var(--d-blue);background:#4fa3ff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@keyframes dx-fade-up{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes dx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dx-slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.dx-anim{opacity:0;animation:dx-fade-up .7s var(--d-ease) forwards}.dx-anim--1{animation-delay:80ms}.dx-anim--2{animation-delay:.16s}.dx-anim--3{animation-delay:.24s}.dx-anim--4{animation-delay:.32s}.dx-anim--5{animation-delay:.4s}.dx-anim--6{animation-delay:.48s}.dx-anim--7{animation-delay:.56s}.dx-side .dx-side__brand{animation:dx-fade-in .6s var(--d-ease) both}.dx-side .dx-side__search{animation:dx-fade-up .6s var(--d-ease) .1s both}.dx-side .dx-side__group{animation:dx-slide-right .6s var(--d-ease) both}.dx-side .dx-side__group:nth-of-type(2){animation-delay:.2s}.dx-side .dx-side__group:nth-of-type(3){animation-delay:.3s}.dx-side .dx-side__user{animation:dx-fade-up .6s var(--d-ease) .4s both}.dx-side__item{position:relative;overflow:hidden}.dx-side__item svg{transition:transform .25s var(--d-ease)}.dx-side__item:hover svg{transform:translate(2px)scale(1.06)}.dx-side__item.is-active{position:relative}.dx-side__item.is-active:before{content:"";pointer-events:none;background:linear-gradient(90deg,#4fa3ff2e,#0000 70%);animation:3.6s ease-in-out infinite dx-active-pulse;position:absolute;inset:0}@keyframes dx-active-pulse{0%,to{opacity:1}50%{opacity:.55}}.dx-side__brand-dot{position:relative}.dx-side__brand-dot:after{content:"";background:linear-gradient(135deg, var(--d-blue-2), var(--d-blue));opacity:0;filter:blur(10px);z-index:-1;border-radius:12px;animation:3.5s ease-in-out infinite dx-brand-glow;position:absolute;inset:-4px}@keyframes dx-brand-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.dx-icon-btn:has(.dx-icon-btn__dot) svg{transform-origin:50% 0;animation:5s ease-in-out infinite dx-bell}@keyframes dx-bell{0%,90%,to{transform:rotate(0)}92%{transform:rotate(10deg)}94%{transform:rotate(-10deg)}96%{transform:rotate(6deg)}98%{transform:rotate(-6deg)}}.dx-icon-btn__dot{animation:1.6s ease-in-out infinite dx-dot-pulse}@keyframes dx-dot-pulse{0%,to{box-shadow:0 0 8px var(--d-rose);transform:scale(1)}50%{box-shadow:0 0 14px var(--d-rose);transform:scale(1.4)}}.dx-banner{animation:7s ease-in-out infinite alternate dx-banner-float}@keyframes dx-banner-float{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.dx-banner:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000,#ffffff14,#0000);width:40%;height:100%;animation:6s ease-in-out infinite dx-banner-shine;position:absolute;top:0;left:-60%}@keyframes dx-banner-shine{0%{left:-60%}50%{left:120%}to{left:120%}}.dx-banner__icon{animation:4s ease-in-out infinite alternate dx-icon-float}@keyframes dx-icon-float{0%{transform:translateY(-3px)rotate(-3deg)}to{transform:translateY(3px)rotate(3deg)}}.dx-stat__icon{transition:transform .25s var(--d-ease)}.dx-stat:hover .dx-stat__icon{transform:scale(1.1)rotate(-6deg)}.dx-stat__value{background:linear-gradient(#fff 60%,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dx-stat__spark path{stroke-dasharray:200;stroke-dashoffset:200px;animation:dx-spark-draw 1.6s var(--d-ease) forwards}@keyframes dx-spark-draw{to{stroke-dashoffset:0}}.dx-stat:first-child .dx-stat__spark path{animation-delay:.3s}.dx-stat:nth-child(2) .dx-stat__spark path{animation-delay:.45s}.dx-stat:nth-child(3) .dx-stat__spark path{animation-delay:.6s}.dx-stat:nth-child(4) .dx-stat__spark path{animation-delay:.75s}.dx-stat__trend{animation:dx-fade-in .4s var(--d-ease) .9s both}.dx-panel{transition:border-color .25s var(--d-ease), background .25s var(--d-ease)}.dx-panel:hover{border-color:var(--d-line-2)}.dx-quick__btn{position:relative;overflow:hidden}.dx-quick__btn:before{content:"";background:radial-gradient(160px circle at var(--qx,50%) var(--qy,50%), #4fa3ff1a, transparent 60%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.dx-quick__btn:hover:before{opacity:1}.dx-quick__btn-icon{transition:transform .3s var(--d-ease)}.dx-quick__btn:hover .dx-quick__btn-icon{transform:scale(1.1)rotate(-4deg)}.dx-rec{position:relative;overflow:hidden}.dx-rec:after{content:"";background:radial-gradient(300px circle at var(--rx,50%) var(--ry,30%), #4fa3ff1f, transparent 55%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.dx-rec:hover:after{opacity:1}.dx-rec__chip{animation:dx-fade-in .5s var(--d-ease) .6s both}.dx-rec__chip svg{animation:8s linear infinite dx-spin-slow}@keyframes dx-spin-slow{to{transform:rotate(360deg)}}.dx-activity__item{animation:dx-fade-up .6s var(--d-ease) both}.dx-activity__item:first-child{animation-delay:.5s}.dx-activity__item:nth-child(2){animation-delay:.6s}.dx-activity__item:nth-child(3){animation-delay:.7s}.dx-activity__item:nth-child(4){animation-delay:.8s}.dx-activity__item:first-child .dx-activity__dot{border-color:var(--d-blue)}.dx-activity__item:first-child .dx-activity__dot:after{content:"";border:1px solid var(--d-blue);border-radius:50%;animation:2.4s ease-in-out infinite dx-activity-pulse;position:absolute;inset:-3px}@keyframes dx-activity-pulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}.dx-btn--primary{position:relative;overflow:hidden}.dx-btn--primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.dx-btn--primary:hover:after{left:100%}.dx-side__avatar{background-size:200% 200%;animation:6s ease-in-out infinite dx-avatar-grad}@keyframes dx-avatar-grad{0%,to{background-position:0%}50%{background-position:100%}}.dx-top__greet h1{animation:dx-fade-up .7s var(--d-ease) .1s both}.dx-top__wave{transform-origin:70% 80%;animation:2.6s ease-in-out infinite dx-wave;display:inline-block}@keyframes dx-wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.dx-top__greet p{animation:dx-fade-up .6s var(--d-ease) .2s both}.dx-side__search{position:relative}.dx-side__search svg{animation:3s ease-in-out infinite dx-search-pulse}@keyframes dx-search-pulse{0%,to{opacity:.7}50%{opacity:1;color:var(--d-blue)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dx-anim{opacity:1!important}}@media (width<=1100px){.dx-stats{grid-template-columns:repeat(2,1fr)}.dx-grid{grid-template-columns:1fr}}@media (width<=768px){.dx-dash{grid-template-columns:1fr}.dx-side{border-right:none;border-bottom:1px solid var(--d-line);width:100%;height:auto;position:relative}.dx-main{padding:24px 20px 40px}.dx-stats{grid-template-columns:1fr 1fr;gap:12px}.dx-banner{flex-direction:column;align-items:flex-start}.dx-quick{grid-template-columns:1fr}}body:has(.os-root){overflow:clip visible}html:has(.os-root){overflow:clip auto}.os-root{--os-bg:#050810;--os-bg-elev:#0a0f1c;--os-ink:#f5f5f0;--os-ink-dim:#8a8a95;--os-ink-mute:#4a4a55;--os-blue:#1978e5;--os-cyan:#4fa3ff;--os-line:#ffffff14;--os-line-strong:#ffffff2e;--os-glass:#ffffff08;--os-ease:cubic-bezier(.16, 1, .3, 1);--os-ease-power:cubic-bezier(.7, 0, .2, 1);background:var(--os-bg);color:var(--os-ink);font-family:Inter,sans-serif;position:relative}.os-root *{box-sizing:border-box}.os-root:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0}.os-root:after{content:"";opacity:.04;mix-blend-mode:overlay;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/></svg>");position:fixed;inset:0}.os-display{letter-spacing:-.045em;font-feature-settings:"ss01";font-family:Fraunces,Times New Roman,serif;font-style:italic;font-weight:300;line-height:.85}.os-stamp{letter-spacing:-.04em;font-family:Inter,sans-serif;font-weight:800;line-height:.9}.os-mono{letter-spacing:.08em;text-transform:uppercase;color:var(--os-ink-dim);font-family:JetBrains Mono,monospace;font-size:11px}.os-hero{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 5% 80px;display:flex;position:relative}.os-boot{background:var(--os-bg);z-index:10;transition:opacity .6s var(--os-ease), transform .6s var(--os-ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.os-boot.is-done{opacity:0;pointer-events:none;transform:scale(.96)}.os-boot__terminal{background:var(--os-bg-elev);border:1px solid var(--os-line);width:min(640px,90vw);color:var(--os-ink);text-align:left;border-radius:12px;padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;box-shadow:0 0 80px #1978e526,0 30px 60px -20px #000c}.os-boot__topbar{border-bottom:1px solid var(--os-line);gap:6px;margin-bottom:12px;padding-bottom:12px;display:flex}.os-boot__topbar i{background:#ffffff26;border-radius:50%;width:10px;height:10px}.os-boot__topbar i:first-child{background:#ff5f56}.os-boot__topbar i:nth-child(2){background:#ffbd2e}.os-boot__topbar i:nth-child(3){background:#27c93f}.os-boot__line{color:var(--os-ink-dim)}.os-boot__line.cmd{color:var(--os-cyan)}.os-boot__line.success{color:#27c93f}.os-boot__cursor{background:var(--os-cyan);vertical-align:text-bottom;width:8px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite os-blink;display:inline-block}@keyframes os-blink{50%{opacity:0}}.os-hero__chip{background:var(--os-glass);border:1px solid var(--os-line);letter-spacing:.1em;text-transform:uppercase;color:var(--os-ink-dim);opacity:0;transition:all .8s var(--os-ease) .2s;border-radius:100px;align-items:center;gap:10px;margin-bottom:48px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex;transform:translateY(20px)}.os-hero.is-revealed .os-hero__chip{opacity:1;transform:translateY(0)}.os-hero__chip .live-dot{background:var(--os-cyan);width:6px;height:6px;box-shadow:0 0 12px var(--os-cyan);border-radius:50%;animation:1.4s ease-in-out infinite os-pulse}@keyframes os-pulse{50%{opacity:.4;transform:scale(.85)}}.os-hero__title{opacity:0;transition:opacity 1.2s var(--os-ease) .3s;margin:0;font-size:clamp(4rem,14vw,14rem)}.os-hero.is-revealed .os-hero__title{opacity:1}.os-hero__title .os-line{display:block;overflow:hidden}.os-hero__title .os-word{transition:transform 1s var(--os-ease);display:inline-block;transform:translateY(110%)}.os-hero.is-revealed .os-hero__title .os-word{transform:translateY(0)}.os-hero__title .os-line:nth-child(2) .os-word{transition-delay:.5s}.os-hero__title .os-line:nth-child(3) .os-word{transition-delay:.7s}.os-hero__title .accent{color:var(--os-cyan);letter-spacing:-.055em;padding-right:.04em;font-family:Fraunces,serif;font-style:italic;font-weight:300}.os-hero__sub{color:var(--os-ink-dim);opacity:0;max-width:540px;transition:opacity .8s var(--os-ease) 1.2s;margin-top:40px;font-size:clamp(15px,1.5vw,18px);line-height:1.5}.os-hero.is-revealed .os-hero__sub{opacity:1}.os-hero__ctas{opacity:0;transition:opacity .8s var(--os-ease) 1.4s;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.os-hero.is-revealed .os-hero__ctas{opacity:1}.os-btn{cursor:pointer;transition:all .3s var(--os-ease);border:1px solid #0000;border-radius:100px;align-items:center;gap:10px;padding:16px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.os-btn--primary{background:var(--os-cyan);color:#050810;font-weight:600}.os-btn--primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 40px -10px #4fa3ff80}.os-btn--ghost{color:var(--os-ink);border-color:var(--os-line-strong);background:0 0}.os-btn--ghost:hover{background:var(--os-glass);border-color:var(--os-ink)}.os-hero__status{opacity:0;transition:opacity .8s var(--os-ease) 1.6s;justify-content:space-between;padding:0 5%;display:flex;position:absolute;bottom:32px;left:0;right:0}.os-hero.is-revealed .os-hero__status{opacity:1}.os-hero__status>div{letter-spacing:.12em;text-transform:uppercase;color:var(--os-ink-mute);font-family:JetBrains Mono,monospace;font-size:10px}.os-hero__status>div b{color:var(--os-ink);font-weight:500}.os-pillars{z-index:2;height:400vh;position:relative}.os-pillars__pin{align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.os-pillars__track{will-change:transform;gap:40px;padding:0 10vw;transition:transform .1s linear;display:flex}.os-pillar{background:var(--os-bg-elev);border:1px solid var(--os-line);border-radius:24px;flex-shrink:0;grid-template-columns:.95fr 1.05fr;gap:40px;width:80vw;max-width:1000px;height:75vh;padding:48px;display:grid;position:relative;overflow:hidden}.os-pillar__num{color:#ffffff0a;pointer-events:none;letter-spacing:-.06em;font-family:Fraunces,serif;font-size:320px;font-style:italic;font-weight:300;line-height:.8;position:absolute;bottom:-40px;right:-10px}.os-pillar__chip{background:var(--os-glass);border:1px solid var(--os-line);letter-spacing:.1em;text-transform:uppercase;color:var(--os-cyan);border-radius:100px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.os-pillar__title{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.os-pillar__title .accent{color:var(--os-cyan);letter-spacing:-.04em;font-family:Fraunces,serif;font-style:italic;font-weight:300}.os-pillar__desc{color:var(--os-ink-dim);max-width:380px;margin-bottom:24px;font-size:15px;line-height:1.6}.os-pillar__bullets{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.os-pillar__bullets li{color:var(--os-ink);gap:10px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.os-pillar__bullets li:before{content:"→";color:var(--os-cyan)}.os-pillar__copy{z-index:1;flex-direction:column;justify-content:center;display:flex;position:relative}.os-mockup{background:var(--os-bg);border:1px solid var(--os-line);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.os-mockup__bar{border-bottom:1px solid var(--os-line);background:var(--os-bg-elev);gap:6px;padding:12px;display:flex}.os-mockup__bar i{background:#ffffff26;border-radius:50%;width:10px;height:10px}.os-mockup__bar i:first-child{background:#ff5f56}.os-mockup__bar i:nth-child(2){background:#ffbd2e}.os-mockup__bar i:nth-child(3){background:#27c93f}.os-mockup__body{color:var(--os-ink);flex:1;padding:20px;font-family:JetBrains Mono,monospace;font-size:12px;position:relative;overflow:hidden}.os-chat__msg{margin-bottom:12px;line-height:1.6}.os-chat__msg .role{color:var(--os-cyan)}.os-chat__msg .role.you{color:var(--os-ink-dim)}.os-chat__cursor{background:var(--os-cyan);vertical-align:text-bottom;width:6px;height:12px;margin-left:2px;animation:1s steps(2,end) infinite os-blink;display:inline-block}.os-files{flex-direction:column;gap:6px;display:flex}.os-files__row{color:var(--os-ink-dim);transition:all .3s var(--os-ease);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.os-files__row:hover,.os-files__row.is-active{background:var(--os-glass);color:var(--os-ink)}.os-files__row .icon{color:var(--os-cyan)}.os-files__row .size{color:var(--os-ink-mute);margin-left:auto;font-size:10px}.os-nodes{height:100%;position:relative}.os-node{background:var(--os-bg-elev);border:1px solid var(--os-line-strong);color:var(--os-ink);border-radius:8px;padding:8px 12px;font-size:11px;position:absolute}.os-node .dot{background:var(--os-cyan);width:8px;height:8px;box-shadow:0 0 12px var(--os-cyan);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.os-node .dot.left{left:-4px}.os-node .dot.right{right:-4px}.os-node svg.connector{pointer-events:none;position:absolute;overflow:visible}.os-code__line{align-items:baseline;gap:16px;line-height:1.7;display:flex}.os-code__lineno{color:var(--os-ink-mute);text-align:right;min-width:24px;font-size:11px}.os-code .k{color:#c084fc}.os-code .s{color:#fbbf24}.os-code .v{color:var(--os-cyan)}.os-code .c{color:var(--os-ink-mute);font-style:italic}.os-code__cursor{background:var(--os-cyan);vertical-align:middle;width:8px;height:14px;animation:1s steps(2,end) infinite os-blink;display:inline-block}.os-pillars__progress{background:var(--os-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--os-line);z-index:5;opacity:0;transition:opacity .4s var(--os-ease);border-radius:100px;gap:8px;padding:8px 12px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.os-pillars__progress.is-visible{opacity:1}.os-pillars__progress i{background:var(--os-line-strong);width:28px;height:3px;transition:background .4s var(--os-ease), width .4s var(--os-ease);border-radius:2px}.os-pillars__progress i.is-active{background:var(--os-cyan);width:44px;box-shadow:0 0 10px var(--os-cyan)}@media (width<=900px){.os-pillars{height:auto}.os-pillars__pin{height:auto;position:relative;overflow:visible}.os-pillars__track{flex-direction:column;padding:60px 5%;transform:none!important}.os-pillar{grid-template-columns:1fr;width:90vw;height:auto;padding:32px}.os-pillars__progress{display:none}}.os-conv{z-index:2;max-width:800px;margin:0 auto;padding:160px 5%;position:relative}.os-conv__chip{letter-spacing:.12em;text-transform:uppercase;color:var(--os-ink-dim);text-align:center;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:11px;display:block}.os-conv__chip:before{content:"— ";color:var(--os-cyan)}.os-conv__chip:after{content:" —";color:var(--os-cyan)}.os-conv__feed{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.os-bubble{border-radius:20px;max-width:560px;padding:18px 24px;font-family:Inter,sans-serif;font-size:17px;line-height:1.5}.os-bubble--you{background:var(--os-glass);border:1px solid var(--os-line);color:var(--os-ink);border-bottom-right-radius:6px;align-self:flex-end}.os-bubble--ai{color:var(--os-ink);background:linear-gradient(135deg,#1978e52e,#4fa3ff14);border:1px solid #4fa3ff4d;border-bottom-left-radius:6px;align-self:flex-start;box-shadow:0 20px 60px -20px #1978e54d}.os-bubble--ai .role{letter-spacing:.12em;text-transform:uppercase;color:var(--os-cyan);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.os-bubble--ai .display-line{letter-spacing:-.025em;margin-bottom:12px;font-family:Fraunces,serif;font-size:28px;font-style:italic;font-weight:300;line-height:1.1;display:block}.os-typing{gap:4px;padding:4px 0;display:inline-flex}.os-typing span{background:var(--os-cyan);border-radius:50%;width:6px;height:6px;animation:1.4s infinite os-typing}.os-typing span:nth-child(2){animation-delay:.2s}.os-typing span:nth-child(3){animation-delay:.4s}@keyframes os-typing{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.os-conv__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}@media (width<=600px){.os-hero__title{font-size:clamp(3rem,18vw,6rem)}.os-bubble{max-width:100%}.os-bubble--ai .display-line{font-size:22px}}@media (prefers-reduced-motion:reduce){.os-hero__title .os-word{transition:none!important;transform:none!important}.os-hero.is-revealed .os-hero__title,.os-hero.is-revealed .os-hero__chip,.os-hero.is-revealed .os-hero__sub,.os-hero.is-revealed .os-hero__ctas,.os-hero.is-revealed .os-hero__status{opacity:1!important}}