:root{--kon:#1E2F55;--kobai:#CF4469;--yuki:#F5F6F8;--card:#fff;--sumi:#1C2333;--sumi2:#4B5264;--line:#E2E5EB}
@media (prefers-color-scheme:dark){:root{--kon:#8FA6D6;--kobai:#F07C9B;--yuki:#0D1427;--card:#172038;--sumi:#E7EBF3;--sumi2:#9AA3B8;--line:#2B3554}}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--yuki);color:var(--sumi);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:48px 20px 80px}
.mincho{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif}
header{display:flex;align-items:center;gap:14px;margin-bottom:40px}
header img{width:56px;height:56px;border-radius:13px}
header a{color:inherit;text-decoration:none}
header .name{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;font-size:26px;letter-spacing:.06em;color:var(--kon)}
h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:30px;line-height:1.45;margin-bottom:10px}
h2{font-size:17px;margin:32px 0 6px}
p,li{font-size:15px;color:var(--sumi)}
.lead{color:var(--sumi2);font-size:15px}
ul{padding-left:1.2em}
.card{background:var(--card);border-radius:14px;padding:18px 20px;margin-top:20px}
a{color:var(--kon)}
.hero h1{font-size:40px;color:var(--kon);letter-spacing:.04em}
.badge{display:inline-block;margin-top:22px;background:var(--kon);color:#fff;border-radius:12px;padding:12px 20px;font-weight:600;text-decoration:none}
@media (prefers-color-scheme:dark){.badge{color:#0D1427}}
footer{margin-top:56px;font-size:13px;color:var(--sumi2);display:flex;gap:18px;flex-wrap:wrap}