*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at center,#2a0000 0,#000 100%);color:#fff;font-family:'Orbitron',sans-serif;height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.panel{position:absolute;top:0;bottom:0;width:40%;background:rgba(20,0,0,.6);z-index:1;backdrop-filter:blur(5px);box-shadow:0 0 50px rgba(255,0,0,.2)}.panel.left{left:-10%;transform:skewX(-15deg);border-right:3px solid #b30000}.panel.right{right:-10%;transform:skewX(-15deg);border-left:3px solid #b30000}.main-card{position:relative;z-index:10;max-width:900px;width:90%;padding:clamp(2rem,5vw,4rem);background:radial-gradient(ellipse at center,rgba(20,0,0,.9),rgba(0,0,0,.95));box-shadow:0 0 80px #000,inset 0 0 100px #000;border:1px solid rgba(255,0,0,.3);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.logo-wrap{background:#c00;padding:.75rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:2rem;border-radius:4px;box-shadow:0 10px 20px rgba(0,0,0,.5)}.logo-wrap img{width:45px;height:auto;margin-right:15px;filter:brightness(0) invert(1)}.logo-wrap span{font-weight:700;font-size:1.5rem;letter-spacing:3px;text-transform:uppercase}.chrome{background:linear-gradient(to bottom,#fff 0,#ccc 40%,#666 50%,#eee 60%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.glitch{position:relative;font-size:clamp(1.8rem,4.5vw,3.5rem);line-height:1.2;margin-bottom:1.5rem;text-transform:uppercase;text-shadow:0 0 20px rgba(255,0,0,.6)}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.glitch::before{left:3px;text-shadow:-2px 0 red;animation:g1 12s infinite linear alternate-reverse}.glitch::after{left:-3px;text-shadow:-2px 0 blue;animation:g2 12s infinite linear alternate-reverse}@keyframes g1{0%,92%{clip-path:inset(0 0 0 0);transform:translate(0)}93%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,2px)}94%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-2px)}95%{clip-path:inset(10% 0 50% 0);transform:translate(-2px,0)}96%{clip-path:inset(80% 0 5% 0);transform:translate(2px,2px)}97%,100%{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes g2{0%,92%{clip-path:inset(0 0 0 0);transform:translate(0)}93%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-2px)}94%{clip-path:inset(30% 0 20% 0);transform:translate(-2px,2px)}95%{clip-path:inset(70% 0 10% 0);transform:translate(2px,0)}96%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,-2px)}97%,100%{clip-path:inset(0 0 0 0);transform:translate(0)}}p{font-size:clamp(1rem,2vw,1.25rem);color:#ccc;max-width:650px;line-height:1.6;margin-bottom:2.5rem}.cta{display:inline-block;padding:1.25rem 3.5rem;background:#c00;color:#fff;font-weight:700;font-size:clamp(1rem,2vw,1.25rem);text-decoration:none;letter-spacing:2px;border:2px solid #ff4d4d;box-shadow:0 0 25px rgba(200,0,0,.6);transition:all .3s ease;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden}.cta:focus,.cta:hover{background:#fff;color:#c00;box-shadow:0 0 50px rgba(255,0,0,.9);outline:0;border-color:#fff}footer{position:absolute;bottom:20px;z-index:10;color:rgba(255,255,255,.4);font-size:.875rem;letter-spacing:1px;text-transform:uppercase}