* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#0a0a0f; color:#e0e0e0; }
header { display:flex; justify-content:space-between; align-items:center; padding:24px 48px; border-bottom:1px solid #1a1a28; }
.logo { font-weight:800; letter-spacing:4px; font-size:20px; }
nav a { color:#aaa; text-decoration:none; margin-left:32px; font-size:14px; }
nav a:hover { color:#fff; }
.hero { text-align:center; padding:120px 24px; }
.hero h1 { font-size:56px; line-height:1.1; margin-bottom:24px; }
.hero p { max-width:520px; margin:0 auto 40px; color:#999; font-size:18px; }
.cta { display:inline-block; background:#00ff9d; color:#000; font-weight:700; padding:16px 40px; border-radius:12px; text-decoration:none; }
.features { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; padding:80px 48px; }
.card { background:#12121a; border:1px solid #1f1f2e; border-radius:16px; padding:32px; }
.card h3 { margin-bottom:12px; }
.how { padding:80px 48px; max-width:640px; margin:0 auto; }
.how h2 { margin-bottom:32px; }
.how ol { padding-left:24px; line-height:2; color:#ccc; }
footer { text-align:center; padding:48px; color:#555; font-size:13px; border-top:1px solid #1a1a28; }
footer a { color:#00ff9d; text-decoration:none; }