*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0a0f0b;color:#fff}header{position:fixed;top:0;left:0;right:0;padding:18px 30px;display:flex;justify-content:space-between;align-items:center;background:#061108cc;backdrop-filter:blur(8px);z-index:10}.logo{font-size:30px;font-weight:900}.logo span{color:#48c24a}nav a{margin-left:18px;color:#fff;text-decoration:none} .hero{height:100vh;background:linear-gradient(120deg,#0b5d2a,#031108),radial-gradient(circle at top right,#48c24a55,transparent 30%);display:flex;align-items:center}.content{max-width:760px;padding:120px 30px}h1{font-size:68px;line-height:1.02;margin:0 0 16px}p{font-size:21px;color:#d7d7d7}.btn{display:inline-block;margin:8px 10px 0 0;padding:14px 22px;background:#48c24a;border-radius:12px;font-weight:700}.ghost{background:#ffffff22}.stats,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats{max-width:1100px;margin:-50px auto 0;padding:0 24px}.stats div,.cards div{background:#121a14;padding:26px;border-radius:18px;text-align:center}.stats b{display:block;font-size:42px;color:#48c24a}.stats span{color:#cfcfcf}.wrap{max-width:1100px;margin:auto;padding:70px 24px}.dark{background:#101510;max-width:none}h2{font-size:42px;margin:0 0 20px}input{width:100%;padding:14px;border-radius:12px;border:none;margin:8px 0}footer{text-align:center;padding:30px;color:#aaa}@media(max-width:800px){nav{display:none}h1{font-size:44px}.stats,.cards{grid-template-columns:1fr 1fr}}