
:root{--bg:#04070b;--card:#0a1119;--accent:#25a9c0;--accent2:#2f7eff}
*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,sans-serif}
body{background:var(--bg);color:#fff;overflow-x:hidden}
#matrix{position:fixed;inset:0;z-index:-2}
.loader{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;font-size:4rem;font-weight:800}
.loader span,.logo span,h1 span,h3 span{color:var(--accent)}
nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:90%;max-width:1200px;display:flex;justify-content:space-between;padding:16px 24px;background:rgba(10,17,25,.6);backdrop-filter:blur(15px);border:1px solid rgba(70,215,215,.2);border-radius:20px;z-index:100}
.links{display:flex;gap:20px;flex-wrap:wrap}
a{text-decoration:none;color:white}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}
.hero h1{font-size:7rem;text-shadow:0 0 40px rgba(70,215,215,.5)}
.hero p{max-width:700px;color:#aab}
.buttons{display:flex;gap:20px;margin-top:30px}
.btn{padding:15px 30px;border-radius:14px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff}
.ghost{background:transparent;border:1px solid var(--accent)}
.stats,.features,.country,.reviews{padding:100px 10%}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.stats div,.terminal,.country-card{background:rgba(10,17,25,.8);border:1px solid rgba(70,215,215,.15);border-radius:20px}
.stats div{padding:30px;text-align:center}
.stats h2{font-size:3rem;color:var(--accent)}
.features{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.features ul{margin-top:20px;padding-left:20px}
.terminal{padding:25px;min-height:240px;font-family:monospace;color:#46d7d7}
.country h2,.reviews h2{text-align:center;margin-bottom:30px}
.country-card{height:350px;background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),url('https://images.unsplash.com/photo-1521295121783-8a321d551ad2?auto=format&fit=crop&w=1200&q=80') center/cover;position:relative;overflow:hidden}
.country-overlay{position:absolute;inset:0;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center}
.ticker{overflow:hidden;border:1px solid rgba(70,215,215,.2);padding:20px;border-radius:20px}
.track{display:flex;gap:60px;width:max-content;animation:scroll 18s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}
footer{text-align:center;padding:60px 20px;border-top:1px solid rgba(255,255,255,.1)}
.scanline{position:fixed;left:0;right:0;height:2px;background:rgba(70,215,215,.4);animation:scan 8s linear infinite;z-index:5;pointer-events:none}
@keyframes scan{from{top:-5%}to{top:105%}}
.reveal{opacity:0;transform:translateY(60px);transition:1s}
.reveal.show{opacity:1;transform:none}
#cursor{position:fixed;width:30px;height:30px;border-radius:50%;background:rgba(70,215,215,.25);pointer-events:none;transform:translate(-50%,-50%);filter:blur(6px);z-index:999}
@media(max-width:800px){.hero h1{font-size:4rem}.features{grid-template-columns:1fr}.links{display:none}}
