*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2430;background:#f7f9fc;line-height:1.6}a{color:#0b6b5c}header{background:#0f2a3d;color:#fff}header .w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}header a{color:#fff;text-decoration:none;margin-left:16px}.logo{font-weight:800;font-size:1.3rem;margin-left:0!important}.logo span{color:#3fd6b5}.w{max-width:1040px;margin:auto;padding:16px 20px}.hero{background:linear-gradient(135deg,#0f2a3d,#0b6b5c);color:#fff;padding:56px 0}.hero h1{font-size:2.3rem;margin:0 0 12px}.btn{display:inline-block;background:#3fd6b5;color:#0f2a3d;padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none;border:0;cursor:pointer}.btn2{background:transparent;color:#fff;border:2px solid #fff;margin-left:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.card{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:18px}.tag{font-size:.75rem;background:#e6f7f3;color:#0b6b5c;padding:2px 8px;border-radius:99px}pre{white-space:pre-wrap;background:#0f2a3d;color:#e8f1f8;padding:16px;border-radius:8px;font-size:.92rem}input[type=email]{padding:12px;border-radius:8px;border:1px solid #ccd;min-width:260px}.note{font-size:.85rem;color:#5a6675}footer{background:#0f2a3d;color:#cbd6e2;margin-top:40px}footer a{color:#3fd6b5}