html{box-sizing:border-box}@media screen and (min-width:0px){html{font-size:14px}}@media screen and (min-width:600px){html{font-size:16px}}@media screen and (min-width:900px){html{font-size:16px}}@media screen and (min-width:1200px){html{font-size:18px}}@media screen and (min-width:1536px){html{font-size:1.17vw}}a,p,h1,h2,h3,h4,h5,h6{color:#fff;text-decoration:none;white-space:normal}*,*:before,*:after{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{white-space:normal}html,body{height:100%;margin:0;line-height:1.5;color:#fff}textarea,input,button{font-size:1rem;font-family:inherit;border:none;border-radius:8px;padding:.5rem .75rem;box-shadow:0 0 1px #0003,0 1px 2px #0003;background-color:#fff;line-height:1.5;margin:0}button{color:#3992ff;font-weight:500}textarea:hover,input:hover,button:hover{box-shadow:0 0 1px #0009,0 1px 2px #0003}button:active{box-shadow:0 0 1px #0006;transform:translateY(1px)}:root{--neon-blue: #00d9ff;--neon-pink: #ff0080;--cyber-purple: #9d00ff;--electric-green: #00ff88;--laser-red: #ff0040;--dark-navy: #0a0e27;--deep-black: #020817;--glass-white: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--gradient-neon: linear-gradient(135deg, var(--neon-blue), var(--neon-pink), var(--cyber-purple));--gradient-holographic: linear-gradient(45deg, #ff0080, #00d9ff, #9d00ff, #00ff88, #ff0080);--gradient-dark: linear-gradient(180deg, var(--dark-navy), var(--deep-black));--transition-fast: .3s cubic-bezier(.4, 0, .2, 1);--transition-medium: .5s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;line-height:1.6;overflow-x:hidden;position:relative}@keyframes neon-pulse{0%,to{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 30px var(--neon-blue),0 0 40px var(--neon-blue)}50%{text-shadow:0 0 20px var(--neon-blue),0 0 30px var(--neon-blue),0 0 40px var(--neon-blue),0 0 50px var(--neon-blue)}}.glass{background:var(--glass-white);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00d9ff33,inset 0 0 20px #ffffff0d}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--neon-pink),-.05em 0 0 var(--neon-blue),0 .05em 0 var(--electric-green)}15%{text-shadow:.05em 0 0 var(--neon-pink),-.05em 0 0 var(--neon-blue),0 .05em 0 var(--electric-green)}16%{text-shadow:-.05em -.025em 0 var(--neon-pink),.025em .025em 0 var(--neon-blue),-.05em -.05em 0 var(--electric-green)}49%{text-shadow:-.05em -.025em 0 var(--neon-pink),.025em .025em 0 var(--neon-blue),-.05em -.05em 0 var(--electric-green)}50%{text-shadow:.025em .05em 0 var(--neon-pink),.05em 0 0 var(--neon-blue),0 -.05em 0 var(--electric-green)}99%{text-shadow:.025em .05em 0 var(--neon-pink),.05em 0 0 var(--neon-blue),0 -.05em 0 var(--electric-green)}to{text-shadow:-.025em 0 0 var(--neon-pink),-.025em -.025em 0 var(--neon-blue),-.025em -.05em 0 var(--electric-green)}}@keyframes float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-20px) translateZ(0)}}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.neon-text{animation:neon-pulse 2s ease-in-out infinite}.glitch-text{animation:glitch 1s linear infinite}.float{animation:float 6s ease-in-out infinite}.holographic{background:var(--gradient-holographic);background-size:400% 400%;animation:holographic 10s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{position:relative;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;overflow:hidden}.glass-card--low-blur{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.glass-card--high-blur{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-card--neon-border{box-shadow:0 0 30px #00d9ff80,inset 0 0 20px #ffffff1a,0 8px 32px #00d9ff4d}.glass-card--neon-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink),var(--cyber-purple),var(--electric-green),var(--neon-blue));border-radius:20px;opacity:.8;z-index:-1;animation:electric-border 4s linear infinite;background-size:400% 400%}.glass-card--interactive{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card--interactive:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 40px #00d9ffb3,inset 0 0 30px #fff3,0 15px 40px #00d9ff66}.glass-card--interactive:hover:after{opacity:1}.glass-card--interactive:active{transform:translateY(-2px) scale(1.01)}.glass-card--interactive:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.2),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.neon-text-base{font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#fff;position:relative;display:inline-block}.neon-text--small{font-size:1.5rem}.neon-text--medium{font-size:3rem}.neon-text--large{font-size:5rem}.neon-text--massive{font-size:8rem}.neon-text--blue{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 30px var(--neon-blue),0 0 40px var(--neon-blue),0 0 50px var(--neon-blue),0 0 60px var(--neon-blue),0 0 70px var(--neon-blue)}.neon-text--pink{text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 30px var(--neon-pink),0 0 40px var(--neon-pink),0 0 50px var(--neon-pink),0 0 60px var(--neon-pink),0 0 70px var(--neon-pink)}.neon-text--purple{text-shadow:0 0 10px var(--cyber-purple),0 0 20px var(--cyber-purple),0 0 30px var(--cyber-purple),0 0 40px var(--cyber-purple),0 0 50px var(--cyber-purple),0 0 60px var(--cyber-purple),0 0 70px var(--cyber-purple)}.neon-text--green{text-shadow:0 0 10px var(--electric-green),0 0 20px var(--electric-green),0 0 30px var(--electric-green),0 0 40px var(--electric-green),0 0 50px var(--electric-green),0 0 60px var(--electric-green),0 0 70px var(--electric-green)}.neon-text--rainbow{background:linear-gradient(45deg,#ff0080,#00d9ff,#9d00ff,#0f8,#ff0080);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:holographic 10s ease infinite;filter:drop-shadow(0 0 20px rgba(255,0,128,.5))}.neon-text--flicker{animation:cyber-flicker 2s linear infinite}.neon-text--glitch:before,.neon-text--glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.neon-text--glitch:before{animation:glitch-1 .5s infinite;color:var(--neon-pink);z-index:-1}.neon-text--glitch:after{animation:glitch-2 .5s infinite;color:var(--neon-blue);z-index:-2}@keyframes glitch-1{0%{clip:rect(44px,450px,56px,0);transform:skew(.5deg)}5%{clip:rect(12px,450px,59px,0);transform:skew(.5deg)}10%{clip:rect(34px,450px,88px,0);transform:skew(.5deg)}15%{clip:rect(1px,450px,34px,0);transform:skew(.5deg)}20%{clip:rect(59px,450px,43px,0);transform:skew(.5deg)}25%{clip:rect(20px,450px,20px,0);transform:skew(.5deg)}30%{clip:rect(67px,450px,67px,0);transform:skew(.5deg)}35%{clip:rect(12px,450px,95px,0);transform:skew(.5deg)}40%{clip:rect(53px,450px,26px,0);transform:skew(.5deg)}45%{clip:rect(85px,450px,85px,0);transform:skew(.5deg)}50%{clip:rect(42px,450px,42px,0);transform:skew(.5deg)}55%{clip:rect(13px,450px,62px,0);transform:skew(.5deg)}60%{clip:rect(1px,450px,87px,0);transform:skew(.5deg)}65%{clip:rect(36px,450px,36px,0);transform:skew(.5deg)}70%{clip:rect(86px,450px,12px,0);transform:skew(.5deg)}75%{clip:rect(60px,450px,60px,0);transform:skew(.5deg)}80%{clip:rect(30px,450px,69px,0);transform:skew(.5deg)}85%{clip:rect(54px,450px,54px,0);transform:skew(.5deg)}90%{clip:rect(28px,450px,93px,0);transform:skew(.5deg)}95%{clip:rect(90px,450px,11px,0);transform:skew(.5deg)}to{clip:rect(73px,450px,73px,0);transform:skew(.5deg)}}@keyframes glitch-2{0%{clip:rect(65px,450px,119px,0);transform:skew(-.5deg)}5%{clip:rect(80px,450px,9px,0);transform:skew(-.5deg)}10%{clip:rect(120px,450px,39px,0);transform:skew(-.5deg)}15%{clip:rect(65px,450px,65px,0);transform:skew(-.5deg)}20%{clip:rect(88px,450px,88px,0);transform:skew(-.5deg)}25%{clip:rect(31px,450px,31px,0);transform:skew(-.5deg)}30%{clip:rect(44px,450px,101px,0);transform:skew(-.5deg)}35%{clip:rect(23px,450px,61px,0);transform:skew(-.5deg)}40%{clip:rect(121px,450px,40px,0);transform:skew(-.5deg)}45%{clip:rect(84px,450px,118px,0);transform:skew(-.5deg)}50%{clip:rect(40px,450px,87px,0);transform:skew(-.5deg)}55%{clip:rect(95px,450px,36px,0);transform:skew(-.5deg)}60%{clip:rect(23px,450px,93px,0);transform:skew(-.5deg)}65%{clip:rect(113px,450px,31px,0);transform:skew(-.5deg)}70%{clip:rect(84px,450px,84px,0);transform:skew(-.5deg)}75%{clip:rect(16px,450px,16px,0);transform:skew(-.5deg)}80%{clip:rect(83px,450px,40px,0);transform:skew(-.5deg)}85%{clip:rect(51px,450px,51px,0);transform:skew(-.5deg)}90%{clip:rect(117px,450px,64px,0);transform:skew(-.5deg)}95%{clip:rect(61px,450px,121px,0);transform:skew(-.5deg)}to{clip:rect(16px,450px,98px,0);transform:skew(-.5deg)}}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#0a0e2700,#0a0e27)}.holo-button{position:relative;display:inline-block;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:transparent;border:none;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.holo-button--small{padding:.75rem 1.5rem;font-size:.875rem}.holo-button--medium{padding:.75rem 2rem;font-size:1rem}.holo-button--large{padding:.75rem 3rem;font-size:1.25rem}.holo-button--full-width{width:100%}.holo-button:disabled{cursor:not-allowed;opacity:.5}.holo-button:before{content:"";position:absolute;inset:0;background-size:400% 400%;opacity:.8;z-index:-2;animation:holographic 10s ease infinite;border-radius:8px}.holo-button:after{content:"";position:absolute;inset:-2px;background-size:400% 400%;z-index:-3;filter:blur(10px);opacity:.5;animation:holographic 10s ease infinite;transition:opacity .3s}.holo-button:hover:not(:disabled){transform:translateY(-2px) scale(1.05)}.holo-button:hover:not(:disabled):after{opacity:1;filter:blur(20px)}.holo-button:active:not(:disabled){transform:translateY(0) scale(1)}.holo-button--primary:before,.holo-button--primary:after{background:linear-gradient(45deg,#00d9ff,#ff0080,#9d00ff)}.holo-button--primary:hover:not(:disabled){box-shadow:0 0 30px #00d9ffcc,0 10px 40px #00000080}.holo-button--secondary:before,.holo-button--secondary:after{background:linear-gradient(45deg,#0f8,#00d9ff,#0f8)}.holo-button--secondary:hover:not(:disabled){box-shadow:0 0 30px #0f8c,0 10px 40px #00000080}.holo-button--danger:before,.holo-button--danger:after{background:linear-gradient(45deg,#ff0040,#ff0080,#ff0040)}.holo-button--danger:hover:not(:disabled){box-shadow:0 0 30px #ff0040cc,0 10px 40px #00000080}.holo-button--matrix:before,.holo-button--matrix:after{background:linear-gradient(45deg,#0f8,#00d9ff,#0f8)}.holo-button--matrix:before{background-image:linear-gradient(45deg,#0f8,#00d9ff,#0f8),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.3) 2px,rgba(0,255,136,.3) 4px)}.holo-button--matrix:hover:not(:disabled){box-shadow:0 0 30px #0f8c,0 10px 40px #00000080}.holo-button__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.holo-button__ripple{position:absolute;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);pointer-events:none;animation:ripple .6s ease-out}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}.holo-button__scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:scan 2s linear infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(100%)}}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.cyber-grid--tron{background-image:linear-gradient(var(--neon-blue) 1px,transparent 1px),linear-gradient(90deg,var(--neon-blue) 1px,transparent 1px);background-size:50px 50px;opacity:.1}.cyber-grid--tron.cyber-grid--animated{animation:grid-move 20s linear infinite}.cyber-grid--tron.cyber-grid--perspective{transform:perspective(1000px) rotateX(60deg)}.cyber-grid--circuit:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,var(--neon-blue) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--neon-blue) 2px,transparent 2px),linear-gradient(var(--neon-blue) 1px,transparent 1px),linear-gradient(90deg,var(--neon-blue) 1px,transparent 1px);background-size:100px 100px,100px 100px,50px 50px,50px 50px;background-position:0 0,50px 50px,0 0,0 0;opacity:.15}.cyber-grid--circuit.cyber-grid--animated:before{animation:circuit-flow 10s linear infinite}.cyber-grid--circuit:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(10,14,39,.8) 100%)}.cyber-grid--hexagon:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='50,10 85,30 85,70 50,90 15,70 15,30' fill='none' stroke='%2300D9FF' stroke-width='1' opacity='0.3'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.1}.cyber-grid--hexagon.cyber-grid--animated:before{animation:hex-pulse 4s ease-in-out infinite}@keyframes circuit-flow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes hex-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800}h3{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}:focus-visible{outline:2px solid var(--neon-blue);outline-offset:2px}::selection{background:var(--neon-pink);color:var(--deep-black)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.1;background-image:linear-gradient(var(--neon-blue) 1px,transparent 1px),linear-gradient(90deg,var(--neon-blue) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes matrix-rain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes electric-border{0%,to{box-shadow:0 0 20px var(--neon-blue),inset 0 0 20px var(--neon-blue)}25%{box-shadow:0 0 30px var(--neon-pink),inset 0 0 30px var(--neon-pink)}50%{box-shadow:0 0 20px var(--cyber-purple),inset 0 0 20px var(--cyber-purple)}75%{box-shadow:0 0 30px var(--electric-green),inset 0 0 30px var(--electric-green)}}@keyframes data-stream{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes cyber-breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}@keyframes hex-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes distortion{0%,to{transform:skew(0)}25%{transform:skew(1deg)}75%{transform:skew(-1deg)}}@keyframes rgb-shift{0%,to{filter:none}25%{filter:drop-shadow(2px 0 0 var(--neon-pink)) drop-shadow(-2px 0 0 var(--neon-blue))}50%{filter:drop-shadow(0 2px 0 var(--electric-green)) drop-shadow(0 -2px 0 var(--cyber-purple))}75%{filter:drop-shadow(-2px 0 0 var(--laser-red)) drop-shadow(2px 0 0 var(--neon-blue))}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes cyber-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}}@keyframes wave-motion{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes zoom-fade{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-up-fade{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes tilt{0%,to{transform:perspective(1000px) rotateY(0)}50%{transform:perspective(1000px) rotateY(10deg)}}
