:root{color-scheme:light;--teal:#10bdb7;--teal-deep:#007f7b;--coral:#ff6267;--ink:#171717;--muted:#626262;--paper:#fffdf9;--line:#e8efec}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#eefbfb 0,#fffdf9 18rem,#fffdf9 100%);line-height:1.65}
a{color:var(--teal-deep)}
header{padding:42px 20px 26px;text-align:center}
.brand{font-size:clamp(2rem,7vw,3.4rem);font-weight:900;letter-spacing:-.055em;margin:0}.brand span{color:var(--coral)}
.tag{max-width:720px;margin:8px auto;color:var(--muted)}
nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
nav a{padding:9px 14px;border:1px solid #cceae7;border-radius:999px;background:#fff;text-decoration:none;font-weight:700}
main{width:min(940px,calc(100% - 28px));margin:0 auto 70px}
.card{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,40px);box-shadow:0 18px 55px rgba(25,86,82,.08);margin:18px 0}
h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(1.9rem,5vw,2.8rem)}h2{margin-top:2rem;color:var(--teal-deep)}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e9fbf8;color:#087b77;font-size:.82rem;font-weight:800}
.notice{border-left:4px solid var(--coral);padding:12px 16px;background:#fff5f2;border-radius:12px}
footer{text-align:center;padding:28px;color:var(--muted);font-size:.9rem}
.lang{scroll-margin-top:18px}.meta{color:var(--muted);font-size:.92rem}
@media(max-width:600px){header{padding-top:28px}.card{border-radius:18px;padding:20px}nav{justify-content:flex-start}}