:root{--navy-950:#10122a;--navy-900:#191c3f;--navy:#34317a;--navy-deep:#26244f;--blue:#235c92;--sky:#4a90c2;--sky-soft:#e8eff8;--bg:#f6f8fc;--bg-deep:#eef1f8;--surface:#fff;--surface-2:#f2f4f9;--ink:#171a30;--ink-soft:#4b5170;--ink-faint:#5b6178;--line:#e3e7f1;--line-strong:#7c86ab;--violet:var(--sky);--violet-soft:var(--sky-soft);--violet-deep:var(--blue);--coral:#c14545;--coral-soft:#fbeaea;--success:#1f8f5f;--success-soft:#e6f4ee;--warn:#b8791f;--warn-soft:#faf1e3}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,sans-serif}#app{min-height:100vh}.serif{font-optical-sizing:auto;letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-style:normal;font-weight:480}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}a{color:var(--blue)}a:hover{color:var(--navy)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.btn-primary{background:var(--navy);color:var(--surface);border:none;border-radius:10px;align-items:center;gap:9px;padding:15px 26px;font-size:15px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--navy-deep)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:var(--ink-faint);cursor:not-allowed}.btn-ghost{color:var(--ink-soft);border:1.5px solid var(--line-strong);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--navy);color:var(--navy)}.field-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.click-surface{appearance:none;font:inherit;text-align:inherit;color:inherit;cursor:pointer;background:0 0;border:none;display:block}.field-input{border:1.5px solid var(--line-strong);width:100%;color:var(--ink);background:var(--surface);border-radius:9px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-soft)}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}