@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;700;900&display=swap";:root{--bg:#020b18;--surface:#041525;--primary:#0f8;--accent:#7c3aed;--text:#e0f7fa;--muted:#1a3a4a}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);background:radial-gradient(circle at 50% 100%,#1a3a4a 0%,#020b18 70%);margin:0;font-family:"Exo 2",sans-serif;overflow-x:hidden}h1,h2,h3{margin:0;font-family:"Exo 2",sans-serif;font-weight:900}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;align-items:center;gap:50px;width:100%;max-width:1000px;margin:0 auto;padding:80px 20px;display:flex}.hero{text-align:center;background:var(--surface);background-clip:padding-box;border:1px solid #0000;border-radius:30px;flex-direction:column;align-items:center;width:100%;padding:100px 20px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(45deg, var(--primary), var(--accent), var(--primary));opacity:.5;background-size:200% 200%;border-radius:30px;animation:5s infinite aurora-wave;position:absolute;inset:-2px}@keyframes aurora-wave{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.badge{color:var(--primary);letter-spacing:4px;border:1px solid var(--primary);text-shadow:0 0 10px var(--primary);background:#00ff881a;border-radius:30px;margin-bottom:30px;padding:8px 24px;font-weight:700;display:inline-block}h1{letter-spacing:5px;color:#0000;background:linear-gradient(to right, var(--primary), #fff, var(--accent));text-shadow:0 0 30px #00ff884d;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(3rem,10vw,6rem)}.subtitle{color:var(--text);letter-spacing:2px;text-transform:uppercase;max-width:600px;margin:0 auto 50px;font-size:1.5rem;font-weight:300}.btn{color:var(--primary);cursor:pointer;letter-spacing:3px;border:1px solid var(--primary);text-transform:uppercase;background:#041525cc;border-radius:40px;padding:16px 40px;font-family:"Exo 2",sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 0 20px #0f83}.btn:hover{background:var(--primary);color:var(--bg);transform:translateY(-2px);box-shadow:0 0 40px #0f89}.loader-container{background:#0003;border:1px solid #ffffff1a;border-radius:20px;margin:60px 0;padding:40px;box-shadow:inset 0 0 20px #00000080}.scanner span{color:#0000;text-transform:uppercase;letter-spacing:5px;font-size:1.8rem;font-weight:700;position:relative;overflow:hidden}.scanner span:before{content:"LOADING...";border-right:4px solid var(--primary);width:0;height:100%;color:var(--primary);text-shadow:0 0 10px var(--primary);animation:3s linear infinite load91371;position:absolute;top:0;left:0;overflow:hidden}@keyframes load91371{0%,10%,to{width:0}10%,20%,30%,40%,50%,60%,70%,80%,90%,to{border-right-color:#0000}11%,21%,31%,41%,51%,61%,71%,81%,91%{border-right-color:var(--primary)}60%,80%{width:100%}}.info-box{background:var(--surface);text-align:center;border:1px solid #7c3aed4d;border-radius:20px;width:100%;padding:50px;transition:all .3s;position:relative;overflow:hidden}.info-box:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000080,0 0 30px #7c3aed33}.info-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed1a 0%,#0000 60%);width:200%;height:200%;animation:15s linear infinite rotate-bg;position:absolute;top:-50%;left:-50%}@keyframes rotate-bg{to{transform:rotate(360deg)}}h2{color:#fff;margin-bottom:20px;font-size:2.2rem}.social-links{z-index:1;flex-wrap:wrap;justify-content:center;gap:20px;margin:0;padding:0;list-style:none;display:flex;position:relative}.social-links a{color:var(--text);background:#ffffff0d;border:1px solid #0000;border-radius:30px;align-items:center;gap:10px;padding:15px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{border-color:var(--accent);color:#fff;box-shadow:0 0 15px var(--accent);background:#7c3aed33;transform:scale(1.05)}.logos{z-index:1;justify-content:center;gap:40px;margin-top:60px;display:flex;position:relative}.logo{opacity:.7;height:60px;transition:all .3s}.logo:hover{opacity:1;filter:drop-shadow(0 10px 20px var(--primary));transform:translateY(-5px)}.footer{text-align:center;background:var(--surface);color:var(--muted);border-top:1px solid #ffffff0d;padding:40px;font-weight:600}.footer a{color:var(--text);text-decoration:none;transition:all .2s}.footer a:hover{color:var(--primary)}