:root{font-family:system-ui,sans-serif;color:#25233b;background:#faf9ff}*{box-sizing:border-box}body{margin:0}main,nav,footer{max-width:860px;margin:auto;padding:24px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#5143a5}h1{font-size:clamp(2rem,6vw,3.8rem);line-height:1.08}p,li{line-height:1.65}.notice{background:#fff3cd;border:2px solid #876b19;padding:16px;border-radius:12px}.card{background:white;border:1px solid #dedbe9;border-radius:20px;padding:24px;margin:20px 0}button{padding:14px;border-radius:12px;border:1px solid #777;font:inherit}button:disabled{color:#555;background:#eee}small{line-height:1.6}a:focus-visible{outline:3px solid #5143a5;outline-offset:4px}