html,body{margin:0;background:#f6f6f3;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1b1b1f}
@media (prefers-color-scheme:dark){html,body{background:#141517;color:#e8e8ea}a{color:#8d95f2}}
.wrap{max-width:900px;margin:0 auto;padding:24px}.hero{padding:48px 0}.hero h1{font-size:40px;margin:0 0 12px}
.btn{display:inline-block;background:#4f57d6;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;margin:4px 8px 4px 0;border:0;cursor:pointer;font-size:15px}
.btn.sec{background:transparent;color:#4f57d6;border:1px solid #4f57d6}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{border:1px solid #e2e2dc;border-radius:12px;padding:16px}
@media (prefers-color-scheme:dark){.card{border-color:#30323a}}footer{color:#888;font-size:14px;padding:32px 0}