:root { color-scheme: dark; background:#0a111d; color:#eef4ff; font-family:system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse at 75% 0%,#233b60,transparent 60%); min-height:100vh; }
main { max-width:680px; margin:auto; padding:clamp(25px,6vw,72px) 20px; }
.back { color:#c6dafe; text-decoration:none; }
section { margin-top:20px; background:#152237; border:1px solid #435b7a; border-radius:20px; padding:clamp(23px,6vw,47px); box-shadow:0 24px 65px #02071380; }
img { height:auto; max-width:100%; }
h1 { font-size:clamp(28px,5vw,43px); line-height:1.08; margin:22px 0 12px; letter-spacing:-.04em; }
p { color:#dce7f8; line-height:1.55; }
.detail { color:#b9c8e0; font-size:.94rem; }
.notice { border:1px solid #96aacc; padding:12px; border-radius:8px; }
button { cursor:pointer; margin-top:9px; min-height:48px; padding:10px 17px; color:#0a1b35; font:700 1rem system-ui; border:1px solid #b8d8ff; border-radius:10px; background:linear-gradient(#e4f1ff,#a5c9fb); }
:focus-visible { outline:2px solid #bedbff; outline-offset:4px; }