:root{--cyan: #00f0ff;--magenta: #ff2d95;--yellow: #ffe156;--dark: #05080f;--dark2: #0c1020;--glass: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--dark);color:#e8e8ec;overflow-x:hidden}.app{position:relative;min-height:100vh}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(160px);opacity:.15;pointer-events:none;z-index:0}.bg-glow--cyan{background:var(--cyan);top:-200px;left:-100px;animation:drift 12s ease-in-out infinite alternate}.bg-glow--magenta{background:var(--magenta);bottom:-200px;right:-100px;animation:drift 14s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translate(60px,40px)}}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1.5rem}.hero__badge{font-size:.7rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(0,240,255,.25);padding:.3rem 1rem;border-radius:999px;background:#00f0ff0f;animation:fadeIn .6s ease-out both}.hero__title{font-size:clamp(3rem,10vw,7rem);font-weight:900;letter-spacing:.06em;line-height:1;background:linear-gradient(135deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .8s ease-out .15s both}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark);-webkit-background-clip:text;background-clip:text}.glitch:before{-webkit-text-fill-color:var(--cyan);left:2px;text-shadow:-2px 0 var(--magenta);clip-path:inset(0 0 65% 0);animation:glitch-top 3s infinite linear alternate-reverse}.glitch:after{-webkit-text-fill-color:var(--magenta);left:-2px;text-shadow:2px 0 var(--cyan);clip-path:inset(65% 0 0 0);animation:glitch-bottom 2.5s infinite linear alternate-reverse}@keyframes glitch-top{0%,90%{clip-path:inset(0 0 65% 0)}92%{clip-path:inset(0 0 40% 0);transform:translate(-3px)}94%{clip-path:inset(20% 0 50% 0);transform:translate(3px)}96%{clip-path:inset(0 0 65% 0);transform:translate(0)}}@keyframes glitch-bottom{0%,90%{clip-path:inset(65% 0 0 0)}93%{clip-path:inset(50% 0 10% 0);transform:translate(4px)}95%{clip-path:inset(70% 0 0 0);transform:translate(-2px)}97%{clip-path:inset(65% 0 0 0);transform:translate(0)}}.hero__sub{max-width:34rem;font-size:1.1rem;color:#fff9;animation:fadeIn .8s ease-out .3s both}.hero__cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeIn .8s ease-out .45s both}.btn{position:relative;overflow:hidden;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.85rem 2.2rem;border:none;border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg,var(--cyan),#00b8d4);color:#000;box-shadow:0 0 24px #00f0ff4d}.btn--primary:hover{box-shadow:0 0 40px #00f0ff80}.btn__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:btn-shine 3s infinite}@keyframes btn-shine{0%,70%{transform:translate(-100%)}to{transform:translate(100%)}}.btn--ghost{background:transparent;color:#e8e8ec;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn--ghost:hover{border-color:var(--cyan);color:var(--cyan)}.hero__scroll-hint{display:flex;flex-direction:column;gap:4px;margin-top:2rem;animation:fadeIn 1s ease-out .8s both}.chevron{width:24px;height:4px;opacity:0;border-bottom:2px solid var(--cyan);border-radius:2px;animation:chevron-bounce 2s infinite}.chevron:nth-child(2){animation-delay:.15s}.chevron:nth-child(3){animation-delay:.3s}@keyframes chevron-bounce{0%,40%{opacity:0;transform:translateY(-6px)}60%{opacity:1}80%{opacity:1;transform:translateY(6px)}to{opacity:0;transform:translateY(12px)}}.features{position:relative;z-index:1;padding:6rem 2rem;max-width:1100px;margin:0 auto}.section-title{display:flex;align-items:center;gap:1.5rem;justify-content:center;font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;margin-bottom:3rem}.section-title__line{display:block;width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card{position:relative;overflow:hidden;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:2rem 1.5rem;transition:transform .3s,border-color .3s,box-shadow .3s;animation:slideUp .6s ease-out both}.feature-card:hover{transform:translateY(-4px);border-color:#00f0ff33;box-shadow:0 8px 40px #00f0ff14}.feature-card--active{border-color:#00f0ff4d}.feature-icon{font-size:2rem;margin-bottom:1rem;filter:drop-shadow(0 0 8px rgba(0,240,255,.4))}.feature-card h3{font-size:1.05rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem;color:#fff}.feature-card p{font-size:.85rem;color:#ffffff80;line-height:1.6}.feature-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0;transition:opacity .3s}.feature-card:hover .feature-scanline{opacity:1;animation:scanline 1.5s linear infinite}@keyframes scanline{0%{top:0}to{top:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;padding:4rem 2rem;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:#00f0ff03}.stat{text-align:center;min-width:100px}.stat__val{display:block;font-size:2.4rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat__label{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff6}.footer{position:relative;z-index:1;text-align:center;padding:4rem 2rem}.footer__samurai{font-size:3rem;margin-bottom:1rem;opacity:.3}.footer__copy{font-size:.75rem;color:#ffffff4d;letter-spacing:.06em}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.hero__title{font-size:2.8rem}.stats{gap:2rem}.stat__val{font-size:1.8rem}}