*{box-sizing:border-box}body{color:#17202a;background:#f4f6f8;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.top{color:#fff;background:#123d2d;padding:18px 28px;font-weight:700}.wrap{max-width:1100px;margin:auto;padding:28px}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;display:grid}.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px #00000012}.card h2{margin-top:0}.btn{color:#fff;cursor:pointer;background:#123d2d;border:0;border-radius:9px;padding:11px 16px;display:inline-block}.muted{color:#6b7280}.login{background:#fff;border-radius:14px;max-width:420px;margin:80px auto;padding:30px;box-shadow:0 2px 12px #0002}input{border:1px solid #ccd2d8;border-radius:8px;width:100%;margin:8px 0 16px;padding:12px}