*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f8fb;color:#111}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:#0f172a;color:white}.logo{font-size:28px;font-weight:900}nav a{color:white;text-decoration:none;margin-left:18px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:80px 6%;background:linear-gradient(135deg,#0f172a,#0f766e);color:white}.tag{display:inline-block;background:#14b8a6;padding:8px 14px;border-radius:999px;font-weight:700}.hero h1{font-size:56px}.hero p{font-size:19px;line-height:1.7}.card{background:white;color:#111;padding:24px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.buttons{display:flex;gap:12px;margin-top:25px}.btn{padding:14px 18px;background:white;color:#111;border-radius:12px;font-weight:800;text-decoration:none}.primary{background:#14b8a6;color:white}input,textarea,select,button{width:100%;padding:14px;margin-top:12px;border-radius:10px;border:1px solid #d1d5db}button{background:#0f766e;color:white;font-weight:800}.ticker{display:flex;gap:16px;overflow:auto;padding:16px 6%;background:white;font-weight:700}.section{padding:70px 6%}.section h2{font-size:40px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dark{background:#0f172a;color:white}.white{background:white;color:#111}.pale{background:#ecfeff}.community{max-width:800px;margin:auto;background:white;padding:24px;border-radius:20px}footer{background:#0f172a;color:white;padding:40px 6%;display:flex;justify-content:space-between}@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}.hero h1{font-size:38px}nav{display:none}}