@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--bg:#050505;--surface:#0f0f0f;--primary:#ff006e;--accent:#00f5ff;--text:#ccc;--muted:#333}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Rajdhani,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#00000014 0 1px,#0000 1px 2px);position:fixed;inset:0}h1,h2,h3{letter-spacing:4px;margin:0;font-family:Bebas Neue,cursive}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:900px;margin:0 auto;padding:60px 20px;display:flex}.hero{background:var(--surface);border:1px solid var(--primary);text-align:center;width:100%;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 0 30px #ff006e4d,inset 0 0 60px #00000080}.hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ff006e0d 0%,#0000 50%,#00f5ff0d 100%);position:absolute;inset:0}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}.badge{color:var(--accent);letter-spacing:4px;border:1px solid var(--accent);text-shadow:0 0 10px var(--accent);margin-bottom:20px;padding:6px 20px;font-size:1rem;animation:5s infinite flicker;display:inline-block;box-shadow:0 0 10px #00f5ff4d}h1{color:var(--primary);text-shadow:0 0 20px var(--primary), 0 0 60px #ff006e80;font-size:clamp(5rem,15vw,10rem);animation:3s 2s infinite flicker;position:relative}h1:after{content:attr(data-text);color:var(--accent);opacity:.3;filter:blur(2px);position:absolute;top:3px;left:3px}.subtitle{color:var(--text);letter-spacing:3px;margin:20px 0 40px;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:500}.btn{border:2px solid var(--primary);color:var(--primary);letter-spacing:4px;cursor:pointer;text-shadow:0 0 8px var(--primary);background:0 0;border-radius:4px;padding:14px 50px;font-family:Bebas Neue,cursive;font-size:1.8rem;transition:all .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 10px #ff006e4d}.btn:hover{color:#fff;background:#ff006e26;transform:scale(1.02);box-shadow:0 0 20px #ff006e99,inset 0 0 20px #ff006e4d}.btn:after{content:"";filter:blur(10px);background:#ffffff26;width:50%;height:100%;transition:all .6s ease-in-out;position:absolute;top:0;left:-100px;transform:rotate(80deg)}.btn:hover:after{left:100%}.btn:active{transform:scale(.98)}.menu-wrap{justify-content:center;margin:40px 0;display:flex}.menuButton{background:var(--muted);border:1px solid var(--primary);cursor:pointer;border-radius:.5em;flex-direction:column;justify-content:center;align-items:center;gap:13%;width:3.5em;height:3.5em;transition:all .3s;display:flex;box-shadow:0 0 10px #ff006e66}.menuButton:hover{border-color:var(--accent);box-shadow:0 0 20px #ff006ecc}.menuButton input[type=checkbox]{-webkit-appearance:none;visibility:hidden;display:none}.menuButton span{background:var(--primary);width:30px;height:3px;box-shadow:0 0 5px var(--primary);border-radius:100px;transition:all .3s}.menuButton input[type=checkbox]:checked~span.top{width:30px;transform:translateY(290%)rotate(45deg)}.menuButton input[type=checkbox]:checked~span.bot{width:30px;transform:translateY(-270%)rotate(-45deg)}.menuButton input[type=checkbox]:checked~span.mid{opacity:0;transform:translate(-20px)}.info-box{background:var(--surface);border:1px solid var(--muted);width:100%;padding:40px;transition:all .3s;position:relative}.info-box:hover{border-color:var(--accent);box-shadow:0 0 20px #00f5ff33}h2{color:var(--accent);text-shadow:0 0 10px var(--accent);margin-bottom:20px;font-size:2.5rem}.social-links{flex-wrap:wrap;gap:15px;margin:0;padding:0;list-style:none;display:flex}.social-links a{color:var(--text);border:1px solid var(--muted);letter-spacing:1px;align-items:center;gap:10px;padding:12px 24px;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-links a:after{content:"";filter:blur(10px);background:#ff006e33;width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100px}.social-links a:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 10px #ff006e4d}.social-links a:hover:after{left:150%}.logos{justify-content:center;gap:30px;margin-top:40px;display:flex}.logo{opacity:.4;filter:grayscale();height:40px;transition:all .3s}.logo:hover{opacity:1;filter:grayscale(0%) drop-shadow(0 0 10px var(--primary))}.footer{text-align:center;background:var(--surface);color:var(--muted);border-top:1px solid var(--muted);letter-spacing:1px;padding:30px;font-family:Rajdhani,sans-serif;font-size:1rem}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-shadow:0 0 8px var(--accent)}
