.signup-overlay{--ink:#36454F;--bg:#F0F0F0;--paper:#E8E8E8;--line:#36454F1f;--soft:#36454F80;--danger:#B8452F;position:fixed;inset:0;z-index:100;background:color-mix(in oklab,var(--ink) 62%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(.2,.7,.2,1)}.signup-overlay.open{opacity:1;pointer-events:auto}.signup-card{position:relative;width:400px;max-width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:40px 40px 32px;box-shadow:0 30px 80px -20px #00000040,0 8px 24px -12px #00000030;transform:translateY(12px) scale(.985);opacity:0;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .28s ease}.signup-overlay.open .signup-card{transform:translateY(0) scale(1);opacity:1}.su-head{justify-content:space-between;margin-bottom:28px}.su-head,.su-head-left{display:flex;align-items:center}.su-head-left{gap:10px;font-family:var(--font-jetbrains),"JetBrains Mono",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}.su-head-left svg{width:16px;height:16px}.su-close{background:transparent;border:1px solid var(--line);border-radius:4px;padding:4px 8px;font-family:var(--font-jetbrains),"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;color:var(--soft);text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.su-close:hover{color:var(--ink);border-color:var(--ink);background:var(--bg)}.su-title{font-size:42px;font-weight:500;letter-spacing:-.03em;line-height:1;margin-bottom:30px}.su-title em{font-style:italic;font-weight:500;letter-spacing:-.032em}.su-field{margin-bottom:22px}.su-label{font-family:var(--font-jetbrains),"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.su-label .count{color:#36454F66}.su-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:6px 0 10px;font-family:var(--font-inter),"Inter",sans-serif;font-size:26px;font-weight:400;color:var(--ink);letter-spacing:-.015em;outline:none;transition:border-color .2s}.su-input::placeholder{color:#36454F4d;font-weight:400}.su-input:focus{border-bottom-color:var(--ink)}.su-field.err .su-input{border-bottom-color:var(--danger)}.su-field.ok .su-input{border-bottom-color:var(--ink)}.su-status{margin-top:8px;font-family:var(--font-jetbrains),"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;min-height:14px;color:var(--soft);transition:color .2s}.su-status .tag{padding:1px 5px;border:1px solid;border-radius:3px;font-size:9px;letter-spacing:.14em;opacity:.9}.su-field.err .su-status{color:var(--danger)}.su-field.ok .su-status{color:var(--ink)}.su-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}.su-submit{background:var(--ink);color:var(--bg);border:none;border-radius:4px;padding:7px 14px;font-family:var(--font-inter),"Inter",sans-serif;font-size:13px;font-weight:500;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s}.su-submit:hover{opacity:.88}.su-submit:disabled{opacity:.4;cursor:not-allowed}.su-submit .arr{opacity:.7;transition:transform .2s}.su-submit:hover:not(:disabled) .arr{transform:translateX(2px)}.su-state{display:block}.su-state.hide{display:none}.su-success{text-align:left;padding-top:4px}.su-success .check{width:56px;height:56px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:su-check-in .5s cubic-bezier(.2,.7,.2,1) both}.su-success .check svg{width:26px;height:26px}@keyframes su-check-in{0%{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.su-success .check path{stroke-dasharray:24;stroke-dashoffset:24;animation:su-check-draw .5s cubic-bezier(.2,.7,.2,1) .25s forwards}@keyframes su-check-draw{to{stroke-dashoffset:0}}.su-success h3{font-size:38px;font-weight:500;letter-spacing:-.025em;line-height:1.02;margin-bottom:10px}.su-success h3 em{font-style:italic}.su-success .msg{font-size:15px;line-height:1.55;color:#36454Fcc;max-width:44ch;margin-bottom:30px}.su-success-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--line)}.su-done{background:var(--ink);color:var(--bg);border:none;border-radius:4px;padding:7px 14px;font-size:13px;font-weight:500;letter-spacing:-.005em;cursor:pointer}.su-done:hover{opacity:.9}body.signup-open{overflow:hidden}@media (max-width:560px){.signup-card{padding:32px 24px 24px;border-radius:10px}.su-title{margin-bottom:34px;font-size:34px}.su-success h3{font-size:28px}.su-input{font-size:22px}}@media (prefers-reduced-motion:reduce){.signup-card,.signup-overlay,.su-success .check,.su-success .check path{transition:none!important;animation:none!important}}