:root{--ink:#3b2f4d;--dim:#8a7f96;--gold:#ff8a00;--mint:#1fc9a3;--line:#f0e3d2}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Hiragino Maru Gothic ProN','Hiragino Sans',system-ui,sans-serif;color:var(--ink);
 background:radial-gradient(700px 420px at 12% 0%,rgba(31,201,163,.18),transparent 60%),
 radial-gradient(700px 420px at 90% 4%,rgba(61,155,255,.16),transparent 60%),linear-gradient(180deg,#fff7ec,#ffe9d6);
 background-attachment:fixed;line-height:1.8;min-height:100vh;padding:32px 18px 60px}
.wrap{max-width:720px;margin:0 auto}
.card{background:#fff;border:2px solid #fff;border-radius:24px;box-shadow:0 14px 30px -10px rgba(255,150,90,.28);padding:28px 26px;margin-bottom:18px}
h1{font-size:1.7rem;font-weight:900;margin-bottom:6px}
h1 .sub{display:block;font-size:.9rem;color:var(--gold);font-weight:800;margin-top:4px}
h2{font-size:1.15rem;font-weight:900;margin:18px 0 8px;display:flex;align-items:center;gap:8px}
h2::before{content:"";width:14px;height:6px;border-radius:6px;background:var(--gold)}
p,li{font-size:.96rem;color:var(--ink)}
ul{margin:6px 0 6px 1.2em}
.muted{color:var(--dim);font-size:.88rem}
a{color:#e0760a;font-weight:700}
.hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero img{width:96px;height:96px;border-radius:22px;box-shadow:0 8px 20px -6px rgba(120,70,20,.4)}
.foot{text-align:center;color:var(--dim);font-size:.82rem;margin-top:10px}
.btn{display:inline-block;background:linear-gradient(180deg,#ffb43f,#ff8a00);color:#fff;font-weight:900;
 padding:10px 18px;border-radius:12px;text-decoration:none;box-shadow:0 5px 0 #e07a00;margin-top:8px}