:root{--dark: #181e2d;--middle: #455884;--light: #d6d6e3;--magenta: #ff00ff;--cyan: #00ffff;--error: #ff3860;--success: #00ff88;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-base: 1.6rem;--font-size-small: 1.4rem;--font-size-large: 2rem;--font-size-xlarge: 3.2rem;--font-size-xxlarge: 4.8rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 5rem;--glitch-offset: 2px;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;scroll-behavior:smooth}body{font-family:var(--font-main);font-size:var(--font-size-base);line-height:1.5;color:var(--light);background-color:var(--dark);min-height:100vh;overflow-x:hidden}.headline{font-size:var(--font-size-xxlarge);font-weight:700;letter-spacing:2px;text-transform:uppercase}.subline{font-size:var(--font-size-large);font-weight:500;color:var(--middle)}.text{font-size:var(--font-size-base);line-height:1.6}.text-small{font-size:var(--font-size-small)}.glitch{position:relative;color:var(--light);animation:glitch-main 2s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}.glitch:before{animation:glitch-before 3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px,-2px);opacity:.8}.glitch:after{animation:glitch-after 2.5s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(2px,2px);opacity:.8}@keyframes glitch-main{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-before{0%,to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}50%{clip-path:polygon(0 20%,100% 20%,100% 60%,0 60%)}}@keyframes glitch-after{0%,to{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}50%{clip-path:polygon(0 40%,100% 40%,100% 80%,0 80%)}}.glitch-animation{animation:glitch-shadow 4.5s infinite}@keyframes glitch-shadow{2.4%,17.4%{text-shadow:2px 0 var(--magenta),-2px 0 var(--cyan);transform:translate(2px) skew(0)}3.6%,6%{text-shadow:-3px -1px var(--magenta),3px 1px var(--cyan);transform:translate(-2px) skew(0)}14.4%{text-shadow:3px 1px var(--cyan),-3px -1px var(--magenta);transform:translate(2px) skew(0)}19.2%{text-shadow:2px 2px var(--cyan),-2px -2px var(--magenta);transform:translate(0) skew(0)}30%,to{text-shadow:none;transform:none}}.glitch-box{transition:all var(--transition-speed) ease}.glitch-box:hover{box-shadow:-8px -8px 0 var(--cyan),8px 8px 0 var(--magenta)}.box{background-color:#45588433;border-radius:8px;transition:all var(--transition-speed) ease}.box:hover{border-color:var(--cyan);box-shadow:inset 0 0 30px #00ffff26}.box-magenta{border-color:var(--magenta)}.box-magenta:hover{box-shadow:inset 0 0 30px #ff00ff26}.shadow-cyan{box-shadow:0 4px 15px #0ff3}.shadow-magenta{box-shadow:0 4px 15px #f0f3}.shadow-glow{text-shadow:0 0 10px var(--cyan),0 0 20px var(--cyan),0 0 30px var(--cyan)}a{color:var(--cyan);text-decoration:none;transition:all var(--transition-speed) ease}a:hover{color:var(--magenta)}input,textarea{width:100%;padding:var(--space-sm);font-size:var(--font-size-base);font-family:var(--font-main);color:var(--light);background-color:#181e2dcc;border:1px solid var(--middle);border-radius:4px;transition:all var(--transition-speed) ease}input:focus,textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 15px #00ffff4d}.text-cyan{color:var(--cyan)}.text-magenta{color:var(--magenta)}.text-center{text-align:center}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}