:root{--bg:#f6f7fb;--card:#fff;--text:#12131a;--muted:#5a6270;--line:#e7e9f0;--accent:#1b66ff}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px}
.header{background:var(--card);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#1b66ff,#00b3ff)}
.brand h1{font-size:20px;margin:0}.brand p{margin:0;color:var(--muted);font-size:13px}.nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.nav a{display:inline-block;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfbfd;font-weight:600;font-size:14px}
.hero{padding:26px 0 6px}.hero h2{font-size:34px;line-height:1.15;margin:0 0 10px}.hero p{color:var(--muted);margin:0 0 16px;max-width:72ch}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}.badge{font-size:13px;color:#0b2a66;background:#eaf1ff;border:1px solid #cfe0ff;padding:8px 10px;border-radius:999px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:18px 0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 6px 18px rgba(17,24,39,.06)}
.card img{display:block;width:100%;height:180px;object-fit:cover;background:#eef1f7}.card .content{padding:16px}.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0 0 12px;color:var(--muted)}
.card .cta,.button{display:inline-block;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fbfbfd;font-weight:700;font-size:14px}
.button{padding:12px 14px;border-color:var(--accent);background:var(--accent);color:#fff;cursor:pointer}.button.secondary{background:#fbfbfd;color:var(--accent);border:1px solid var(--line)}
.section{margin:22px 0}.section h2{font-size:22px;margin:0 0 8px}.section p{color:var(--muted);margin:0 0 10px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:860px){.kv{grid-template-columns:1fr}.hero h2{font-size:28px}}.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}
ul,ol{margin:10px 0 0 18px}.small{font-size:13px;color:var(--muted)}.footer{border-top:1px solid var(--line);background:var(--card);margin-top:30px}
.footer .cols{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:18px 0}@media (max-width:860px){.footer .cols{grid-template-columns:1fr}}
.input,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:15px}textarea{min-height:140px}
.notice{padding:12px;border-radius:14px;border:1px solid var(--line);background:#fbfbfd}.breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 8px}
hr{border:none;border-top:1px solid var(--line);margin:16px 0}code{background:#f2f4f8;padding:2px 6px;border-radius:6px}