:root{--space-phi-1: 4px;--space-phi-2: 6px;--space-phi-3: 10px;--space-phi-4: 16px;--space-phi-5: 26px;--space-phi-6: 42px;--space-phi-7: 68px;--space-phi-8: 110px;--grid-base: 8px;--grid-half: 4px;--grid-double: 16px;--grid-triple: 24px;--grid-quad: 32px;--grid-penta: 40px;--grid-hexa: 48px;--angle-golden: 137.5deg;--angle-triadic: 120deg;--angle-quad: 90deg;--angle-penta: 72deg;--angle-hexa: 60deg;--align-strict: 0px;--align-relaxed: 1px;--align-breathing: 2px}:root{--neon-cyan: #00f5ff;--neon-purple: #bf00ff;--neon-pink: #ff00ff;--neon-gold: #ffd700;--neon-blue: #00bfff;--neon-green: #00ff88;--neon-red: #ff3366;--neon-white: #ffffff;--glow-subtle: 0 0 5px;--glow-soft: 0 0 10px;--glow-medium: 0 0 20px;--glow-strong: 0 0 30px;--glow-intense: 0 0 40px;--glow-divine: 0 0 60px;--neon-layer-1: var(--neon-cyan);--neon-layer-2: var(--neon-purple);--neon-layer-3: var(--neon-pink);--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-sacred: .6s cubic-bezier(.68, -.55, .265, 1.55);--transition-ethereal: 1s cubic-bezier(.4, 0, .2, 1)}.neon-glow{text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 20px var(--neon-purple),0 0 40px var(--neon-purple);animation:neon-pulse 2s ease-in-out infinite alternate}.neon-layered{position:relative;z-index:1}.neon-layered:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(var(--angle-golden),var(--neon-cyan),var(--neon-purple),var(--neon-pink),var(--neon-cyan));background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(8px);animation:neon-flow 4s ease infinite}.neon-layered:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(var(--angle-golden),var(--neon-purple),var(--neon-pink),var(--neon-cyan),var(--neon-purple));background-size:400% 400%;border-radius:inherit;z-index:-2;filter:blur(12px);animation:neon-flow 4s ease infinite reverse;opacity:.6}@keyframes neon-pulse{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}@keyframes neon-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}@keyframes neon-breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}:root{--aura-gradient-1: linear-gradient( 135deg, rgba(0, 245, 255, .1) 0%, rgba(191, 0, 255, .05) 50%, rgba(255, 0, 255, .1) 100% );--aura-gradient-2: radial-gradient( ellipse at center, rgba(0, 245, 255, .15) 0%, rgba(191, 0, 255, .05) 50%, transparent 70% );--aura-gradient-3: conic-gradient( from var(--angle-golden), rgba(0, 245, 255, .1), rgba(191, 0, 255, .1), rgba(255, 0, 255, .1), rgba(0, 245, 255, .1) );--blur-subtle: blur(2px);--blur-soft: blur(4px);--blur-medium: blur(8px);--blur-strong: blur(16px);--blur-ethereal: blur(24px);--opacity-ghost: .05;--opacity-whisper: .1;--opacity-breath: .2;--opacity-soft: .4;--opacity-solid: .6;--opacity-firm: .8;--opacity-absolute: 1}.aura-container{position:relative;background:var(--aura-gradient-1);border-radius:inherit}.aura-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--aura-gradient-2);border-radius:inherit;opacity:var(--opacity-soft);animation:aura-drift 8s ease-in-out infinite}.aura-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--aura-gradient-3);border-radius:inherit;opacity:var(--opacity-whisper);filter:var(--blur-soft);animation:aura-rotate 12s linear infinite}.aura-depth-1{box-shadow:0 0 20px #00f5ff1a,0 0 40px #bf00ff0d,inset 0 0 20px #ff00ff0d}.aura-depth-2{box-shadow:0 0 30px #00f5ff26,0 0 60px #bf00ff1a,inset 0 0 30px #ff00ff1a}.aura-depth-3{box-shadow:0 0 40px #00f5ff33,0 0 80px #bf00ff26,0 0 120px #ff00ff1a,inset 0 0 40px #ff00ff26}@keyframes aura-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-10px) scale(1.05)}50%{transform:translateY(10px) scale(1)}75%{transform:translate(-10px,-10px) scale(1.05)}}@keyframes aura-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--line-ultra: .5px;--line-thin: .75px;--line-fine: 1px;--line-delicate: 1.25px;--line-subtle: 1.5px;--line-contrast-low: rgba(255, 255, 255, .1);--line-contrast-medium: rgba(255, 255, 255, .2);--line-contrast-high: rgba(255, 255, 255, .3);--line-contrast-strong: rgba(255, 255, 255, .4);--line-cyan: rgba(0, 245, 255, .3);--line-purple: rgba(191, 0, 255, .3);--line-pink: rgba(255, 0, 255, .3);--line-gold: rgba(255, 215, 0, .3)}.border-ultra{border:var(--line-ultra) solid var(--line-contrast-medium)}.border-thin-neon{border:var(--line-thin) solid var(--line-cyan);box-shadow:0 0 5px #00f5ff1a,inset 0 0 5px #00f5ff0d}.divider-ultra{height:var(--line-ultra);background:linear-gradient(90deg,transparent 0%,var(--line-cyan) 50%,transparent 100%)}.divider-sacred{height:var(--line-fine);background:linear-gradient(var(--angle-golden),transparent 0%,var(--line-cyan) 25%,var(--line-purple) 50%,var(--line-pink) 75%,transparent 100%);background-size:200% 100%;animation:divider-flow 3s ease infinite}.accent-line-top{position:relative}.accent-line-top:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--line-thin);background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));background-size:200% 100%;animation:divider-flow 2s ease infinite}.accent-line-bottom{position:relative}.accent-line-bottom:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--line-thin);background:linear-gradient(90deg,var(--neon-pink),var(--neon-purple),var(--neon-cyan));background-size:200% 100%;animation:divider-flow 2s ease infinite reverse}@keyframes divider-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0f;color:#f5f5f5;font-family:Courier New,Courier,monospace;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,245,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(191,0,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,0,255,.02) 0%,transparent 70%);pointer-events:none;z-index:0}.btn-neon{position:relative;padding:var(--space-phi-3) var(--space-phi-5);background:transparent;border:var(--line-thin) solid var(--neon-cyan);color:var(--neon-cyan);font-family:inherit;font-size:14px;cursor:pointer;overflow:hidden;transition:all var(--transition-smooth);text-transform:uppercase;letter-spacing:1px}.btn-neon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--angle-golden),var(--neon-cyan),var(--neon-purple),var(--neon-pink));background-size:400% 400%;opacity:0;transition:opacity var(--transition-smooth);z-index:-1}.btn-neon:hover{color:#fff;text-shadow:0 0 10px var(--neon-cyan);box-shadow:0 0 20px #00f5ff4d,inset 0 0 20px #00f5ff1a}.btn-neon:hover:before{opacity:.2;animation:neon-flow 3s ease infinite}.btn-neon:active{transform:scale(.98)}.btn-neon-secondary{border-color:var(--neon-purple);color:var(--neon-purple)}.btn-neon-secondary:before{background:linear-gradient(var(--angle-golden),var(--neon-purple),var(--neon-pink),var(--neon-cyan))}.btn-neon-secondary:hover{text-shadow:0 0 10px var(--neon-purple);box-shadow:0 0 20px #bf00ff4d,inset 0 0 20px #bf00ff1a}.card-neon{position:relative;padding:var(--space-phi-5);background:#0a0a0f99;border:var(--line-thin) solid var(--line-cyan);border-radius:var(--space-phi-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all var(--transition-smooth)}.card-neon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--aura-gradient-1);opacity:0;transition:opacity var(--transition-smooth);z-index:-1}.card-neon:hover{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f5ff26,inset 0 0 30px #00f5ff0d;transform:translateY(-2px)}.card-neon:hover:before{opacity:1}.card-neon-header{display:flex;align-items:center;gap:var(--space-phi-2);margin-bottom:var(--space-phi-4);padding-bottom:var(--space-phi-3);border-bottom:var(--line-ultra) solid var(--line-contrast-medium)}.card-neon-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--neon-cyan)}.input-neon{width:100%;padding:var(--space-phi-3) var(--space-phi-4);background:#0a0a0f66;border:var(--line-thin) solid var(--line-contrast-medium);border-radius:var(--space-phi-1);color:#f5f5f5;font-family:inherit;font-size:14px;transition:all var(--transition-smooth);outline:none}.input-neon::placeholder{color:#ffffff4d}.input-neon:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f5ff33,inset 0 0 15px #00f5ff0d}.input-neon:focus::placeholder{color:#ffffff80}@media(max-width:768px){:root{--space-phi-1: 3px;--space-phi-2: 5px;--space-phi-3: 8px;--space-phi-4: 13px;--space-phi-5: 21px}.card-neon{padding:var(--space-phi-4)}.btn-neon{padding:var(--space-phi-2) var(--space-phi-4);font-size:12px}}@media(max-width:480px){:root{--space-phi-1: 2px;--space-phi-2: 4px;--space-phi-3: 6px;--space-phi-4: 10px;--space-phi-5: 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--line-contrast-low: rgba(255, 255, 255, .3);--line-contrast-medium: rgba(255, 255, 255, .5);--line-contrast-high: rgba(255, 255, 255, .7);--line-contrast-strong: rgba(255, 255, 255, .9)}.card-neon{border-width:var(--line-fine)}}*:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}body{margin:0;background-color:#0a0a0f;color:#f5f5f5;font-family:Courier New,Courier,monospace;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:5px;border:2px solid #2a2a2a}::-webkit-scrollbar-thumb:hover{background:#f59e0b;border-radius:5px}.glitch-effect{animation:glitch .2s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes mechBreathe{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.5}}.animate-spin-slow{animation:spin-slow 10s linear infinite}.animate-pulse-fast{animation:pulse-fast 1s cubic-bezier(.4,0,.6,1) infinite}.animate-mech-breathe{animation:mechBreathe 4s ease-in-out infinite}
