:root{--grad:linear-gradient(90deg,#ff6a2b,#ff2d55,#c026d3);--bg:#f4f4f7;--ink:#12121a;--muted:#6c6c7a;--line:#e6e6ec}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:#fff;border-radius:28px;padding:40px 28px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.08)}.wordmark{font-size:22px;letter-spacing:.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark,h1{font-weight:800;text-align:center}h1{font-size:26px;margin:16px 0 8px;line-height:1.15}.sub{color:var(--muted);font-size:15px;line-height:1.5;text-align:center}.task{font-size:19px;font-weight:700;margin:22px 0 4px}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.row .k{color:var(--muted);font-size:14px}.row .v{font-weight:600;font-size:14px;text-align:right}.btn{display:block;text-decoration:none;border-radius:16px;padding:16px;font-size:16px;font-weight:700;margin-top:12px;text-align:center;border:none;cursor:pointer}.btn.primary{background:var(--grad);color:#fff}.btn.secondary{background:#f0f0f4;color:var(--ink)}.hint{font-size:13px;color:#9a9aa8;margin-top:18px}.code,.hint{text-align:center}.code{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:16px;font-size:30px;font-weight:800;letter-spacing:8px;font-family:ui-monospace,Menlo,monospace}