:root{font:16px -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:#1d1d1f;background:#f5f5f7;color-scheme:light;--blue:#0066cc;--card:#fff;--field:#f5f5f7;--sub:#626268;--line:#dedee3}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 520px 300px at 50% 100px,#e6efff,transparent)}
header{background:#ffffffb8;border-bottom:1px solid #8882;backdrop-filter:blur(20px)}
.bar{max-width:1060px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:10px;min-height:58px}
.bar strong{font-size:15px}
.quiet{margin-left:auto;padding:6px 0;background:none;color:var(--blue);min-height:32px}
main{width:min(100% - 32px,590px);margin:auto;padding:clamp(40px,9vh,96px) 0 42px}
.intro{text-align:center;margin-bottom:32px}
.intro img{filter:drop-shadow(0 8px 16px #0066cc36)}
h1{font-size:clamp(35px,7vw,55px);line-height:1.03;letter-spacing:-.055em;margin:19px 0 12px}
p{margin:0;color:var(--sub);line-height:1.5}
.card{background:var(--card);border-radius:25px;padding:clamp(19px,4vw,28px);box-shadow:0 16px 52px #20386113,0 0 0 1px #00000008}
label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}
label:has(select){margin-bottom:0}
.link-row,.choices{display:grid;gap:10px}
.link-row{grid-template-columns:minmax(0,1fr) auto}
.choices{grid-template-columns:1fr 1fr}
input,select,button,.secondary{min-height:47px;border-radius:12px;font:inherit}
input,select{width:100%;border:1px solid var(--line);background:var(--field);padding:0 12px;color:inherit}
select{display:block;margin-top:8px}
button,.secondary{border:0;background:var(--blue);color:white;font-weight:650;padding:0 17px;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}
:focus-visible{outline:3px solid #2997ff;outline-offset:3px}
.secondary{display:grid;place-items:center;text-decoration:none;background:var(--field);color:var(--blue);margin-top:12px}
.wide{width:100%}
#options{display:grid;gap:15px;margin-top:21px;padding-top:19px;border-top:1px solid var(--line)}
.video{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}
.video img{object-fit:cover;border-radius:9px;background:var(--field);flex:none}
small{display:block;margin-top:4px;color:var(--sub)}
#feedback{margin-top:14px;color:var(--sub);font-size:14px;line-height:1.45;white-space:pre-line}
#feedback[data-error="true"]{color:#bc2424}
.hint{text-align:center;font-size:13px;margin:18px 12px}
@media(max-width:435px){.link-row{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#f5f5f7;background:#101014;--card:#202024;--field:#29292e;--line:#3c3c43;--sub:#b9b9c1;--blue:#0767c7}body{background:radial-gradient(ellipse 520px 300px at 50% 100px,#162542,transparent)}header{background:#18181db8}.quiet,.secondary{color:#72b5ff}#feedback[data-error="true"]{color:#ff8580}}