:root{--accent:#5447ff;--accent2:#3124e8;--bg:#f8f7ff;--text:#111427;--muted:#6e7285;--line:#dedbff;--danger:#c62828}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:var(--text);background:radial-gradient(800px 420px at 90% 0,rgba(139,130,255,.22),transparent 60%),var(--bg)}.page{min-height:100dvh;display:grid;place-items:center;padding:24px 14px}.card{width:min(100%,560px);padding:34px 26px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(49,36,232,.11)}.icon,.check{width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;border-radius:18px;background:#f0efff;font-size:29px}.check{margin-inline:auto;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--accent),#8b82ff)}.eyebrow{margin:0 0 7px;color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:.08em}h1{margin:0 0 12px;font-size:clamp(27px,6vw,36px)}.lead{margin:0 0 27px;color:var(--muted);line-height:1.75}form{display:grid;gap:11px}label{font-weight:750}input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:16px}input:focus{outline:3px solid rgba(84,71,255,.14);border-color:var(--accent)}.help{margin:0 0 9px;color:var(--muted);font-size:13px;line-height:1.7}.error{min-height:1.4em;margin:0;color:var(--danger);font-size:13px;font-weight:700}button{padding:15px;border:0;border-radius:14px;color:#fff;background:linear-gradient(115deg,#2d20ff,var(--accent),#8b82ff);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(45,32,255,.23)}button:disabled{opacity:.6;cursor:wait}.complete{text-align:center}.complete .icon,.complete .check{margin-inline:auto}@media(max-width:420px){.card{padding:28px 18px}}