:root { --bg:#ffffff; --panel:#f8fafc; --text:#0f172a; --muted:#475569; --accent:#2563eb; --ok:#059669; }
    *{box-sizing:border-box}
    body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
    .container{max-width:1100px;margin:0 auto;padding:24px}
    .nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #e2e8f0}
    .nav a{color:var(--text);text-decoration:none;opacity:.95}.nav a:hover{color:var(--accent)}
    .hero{display:grid;gap:20px;margin:18px 0}
    .hero img{width:100%;height:auto;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 8px 22px rgba(2,6,23,.06)}
    .card{background:linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.01));border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(2,6,23,.06)}
    h1{font-size:44px;margin:0 0 12px}p{color:var(--muted);margin:0 0 12px}
    .cta{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none;margin-right:10px}
    .ok{color:var(--ok);font-weight:700}.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}
    .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:24px 0}
    .grid img{width:100%;height:auto;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 8px 22px rgba(2,6,23,.06)}
    footer{margin-top:16px;padding:24px 0;border-top:1px solid #e2e8f0;color:var(--muted);display:flex;justify-content:space-between;align-items:center}