*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{background:#0f172a;color:#e5e7eb}.container{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 64px;background:#020617}.header h1{font-size:22px;font-weight:600}.header nav a{margin-left:24px;color:#94a3b8;text-decoration:none;transition:.2s}.header nav a:hover{color:#fff}.hero{text-align:center;padding:100px 20px}.hero h2{font-size:42px;margin-bottom:16px}.hero p{max-width:600px;margin:0 auto 32px;color:#94a3b8}.buttons{display:flex;justify-content:center;gap:16px}.btn{padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500}.primary{background:#2563eb;color:#fff}.primary:hover{background:#1d4ed8}.secondary{border:1px solid #334155;color:#e5e7eb}.secondary:hover{background:#1e293b}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:64px}.card{background:#020617;padding:24px;border-radius:12px;border:1px solid #1e293b}.card h3{margin-bottom:8px}.footer{margin-top:auto;padding:24px;text-align:center;background:#020617;color:#64748b}