:root{--brand: #f2561d;--brand-2: #ff7a45;--brand-soft: #fff1eb;--brand-ring: rgba(242, 86, 29, .16);--ink: #121826;--ink-2: #4a5265;--ink-3: #8a93a6;--line: #e4e7ec;--line-2: #eef0f4;--bg: #f5f6f8;--card: #ffffff;--err: #b42318;--err-bg: #fef3f2;--ok: #067647;--ok-bg: #ecfdf3;--radius: 18px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(18, 24, 38, .04), 0 24px 60px -30px rgba(18, 24, 38, .3);--font-ui: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-head: "Bricolage Grotesque", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root[data-theme=dark]{color-scheme:dark;--ink: #e8ecf3;--ink-2: #b6bdcb;--ink-3: #7d8598;--line: #2a3140;--line-2: #222937;--bg: #0f141d;--card: #171d29;--err: #ff8a80;--err-bg: #34191a;--ok: #75e0a7;--ok-bg: #12331f;--brand-soft: color-mix(in srgb, var(--brand) 18%, #171d29);--brand-ring: color-mix(in srgb, var(--brand) 30%, transparent);--shadow: 0 1px 2px rgba(0,0,0,.35), 0 24px 60px -30px rgba(0,0,0,.8)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--ink);background:radial-gradient(900px 500px at 50% -10%,color-mix(in srgb,var(--brand) 14%,var(--bg)),var(--bg) 70%);-webkit-font-smoothing:antialiased}.ico{width:1em;height:1em;display:inline-block;vertical-align:-.15em}.box{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 32px 28px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:700;font-size:19px;letter-spacing:-.02em;margin-bottom:22px}.mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center}.mark .ico{font-size:18px}.brand img{width:34px;height:34px;border-radius:10px;object-fit:contain}h1{font-family:var(--font-head);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.sub{margin:0 0 20px;color:var(--ink-3);font-weight:600;font-size:.86rem}label{display:block;font-weight:700;font-size:.84rem;margin:0 0 8px}.field{margin-bottom:14px}input{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 13px;font-size:.95rem;font-family:inherit;background:var(--card);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}input:disabled{background:var(--bg);color:var(--ink-3)}.btn{appearance:none;border:0;width:100%;height:46px;margin-top:6px;border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--brand) 70%,transparent)}.btn:hover{filter:brightness(1.05)}.alert{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:11px 13px;font-size:.84rem;background:var(--err-bg);color:var(--err);border:1px solid color-mix(in srgb,var(--err) 30%,var(--card));margin-bottom:16px}.alert .ico{margin-top:2px;flex:0 0 auto}.alert.ok{background:var(--ok-bg);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,var(--card))}.links{margin-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:.8rem;font-weight:700}.links a{color:var(--brand);text-decoration:none}.links a:hover{text-decoration:underline}.foot{margin-top:22px;text-align:center;font-size:.76rem;font-weight:600;color:var(--ink-3)}:root[data-theme=dark] .only-light,:root:not([data-theme=dark]) .only-dark{display:none}.demo{margin-top:20px;padding:14px 16px 16px;border:1px dashed var(--line);border-radius:12px;background:var(--bg)}.demo-head{display:flex;gap:10px;align-items:flex-start}.demo-head>.ico{margin-top:3px;color:var(--brand);flex:0 0 auto}.demo-head b{display:block;font-size:.9rem}.demo-head span{display:block;font-size:.8rem;color:var(--ink-3)}.demo .cred{appearance:none;display:grid;gap:6px;width:100%;margin-top:12px;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.demo .cred:hover,.demo .cred:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}.demo .cred .who{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;padding-bottom:6px;border-bottom:1px solid var(--line-2)}.demo .cred .who .ico{color:var(--brand)}.demo .cred .line{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.demo .cred small{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.demo .cred b{font-size:.86rem}.sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.orb{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;opacity:var(--o, .9);box-shadow:0 22px 44px -20px color-mix(in srgb,var(--c) 75%,transparent),inset 0 0 0 1px #ffffff38;animation:drift var(--t, 8s) ease-in-out var(--d, 0s) infinite alternate}.orb:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}.orb .ico{width:46%;height:46%}.box,.foot{position:relative;z-index:1}@keyframes drift{0%{transform:translateZ(0) rotate(-2deg)}to{transform:translate3d(0,-16px,0) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.orb{animation:none}}@media(max-width:1180px){.sky{display:none}}