*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#020611;color:#fff;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(1,5,20,.82),rgba(1,5,20,.96)),url('bg.jpg') center center/cover no-repeat;z-index:-2}
.overlay{position:fixed;inset:0;background:radial-gradient(circle at top right,rgba(73,120,255,.25),transparent 30%),radial-gradient(circle at bottom left,rgba(61,95,255,.15),transparent 40%);z-index:-1}
header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 60px}
.logo{font-size:34px;font-weight:800;letter-spacing:-2px}
.logo span{color:#4c6fff}
.status{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);backdrop-filter:blur(10px)}
.dot{width:10px;height:10px;border-radius:50%;background:#3eff8b;box-shadow:0 0 12px #3eff8b}
.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.hero-content{max-width:1100px}
.badge{color:#6d8cff;margin-bottom:25px;letter-spacing:4px;font-size:14px}
h1{font-size:120px;line-height:1;font-weight:800;letter-spacing:-6px}
h1 span{color:#5a74ff}
.subtitle{margin-top:20px;color:#93a6ff;letter-spacing:6px;font-size:18px}
.hero p{margin:40px auto;max-width:820px;color:rgba(255,255,255,.72);font-size:20px;line-height:1.7}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:60px}
.stat-card,.feature-card,.network-block{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px);border-radius:24px}
.stat-card{padding:35px}
.stat-card h3{font-size:36px;margin-bottom:10px;color:#6f89ff}
.stat-card span{color:rgba(255,255,255,.65)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1400px;margin:60px auto;padding:0 40px}
.feature-card{padding:40px}
.icon{font-size:38px;margin-bottom:20px}
.feature-card h3{margin-bottom:16px;font-size:24px}
.feature-card p{color:rgba(255,255,255,.65);line-height:1.7}
.network-block{max-width:1400px;margin:80px auto;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mini-title{color:#6f89ff;letter-spacing:3px;margin-bottom:20px}
.network-text h2{font-size:54px;line-height:1.1;margin-bottom:30px}
.network-text p{color:rgba(255,255,255,.68);line-height:1.8;font-size:18px}
.network-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:50px}
.network-grid strong{display:block;color:#6f89ff;font-size:22px;margin-bottom:8px}
.network-grid span{color:rgba(255,255,255,.6)}
.network-image img{width:100%;opacity:.95}
footer{padding:50px;display:flex;justify-content:space-between;color:rgba(255,255,255,.45);border-top:1px solid rgba(255,255,255,.06);margin-top:80px}
@media(max-width:980px){h1{font-size:72px}.network-block{grid-template-columns:1fr;padding:40px}header{padding:25px}footer{flex-direction:column;gap:15px}}
@media(max-width:640px){h1{font-size:54px;letter-spacing:-2px}.subtitle{font-size:14px;letter-spacing:3px}.hero p{font-size:16px}.network-text h2{font-size:36px}}
