:root{color-scheme:light;--ink: #16293f;--ink-soft: #34465f;--muted: #5f6b7a;--line: #e2e5ea;--line-strong: #c8cfd8;--bg-top: #eef1f6;--bg-bottom: #d6dce6;--panel: #ffffff;--field: #f4f6f9;--neutral: #eef0f4;--neutral-strong: #e3e7ee;--navy: #16293f;--blue: #30518f;--blue-mid: #375a9c;--blue-strong: #274271;--blue-press: #213963;--blue-soft: #eaeff6;--blue-line: #c6d2e3;--orange: #c9763f;--danger: #b9504a;--danger-strong: #9c3f3a;--danger-soft: #f6e9e7;--danger-line: #e3c2bd;--ring: color-mix(in srgb, var(--blue), transparent 72%);--two-tone: linear-gradient(90deg, var(--blue) 0%, var(--blue) 44%, var(--orange) 60%, var(--orange) 100%);--shadow: 0 1px 2px rgba(22, 41, 63, .04), 0 22px 48px -16px rgba(22, 41, 63, .26)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;background:radial-gradient(130% 105% at 50% -10%,var(--bg-top) 0%,#e2e7ef 52%,var(--bg-bottom) 100%);color:var(--ink);font:15.5px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 14px}.card{position:relative;overflow:hidden;width:min(480px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:30px 24px}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--two-tone)}.header{margin-bottom:24px}.brand{display:flex;align-items:center;gap:11px;margin:0 0 16px}.brand-mark{flex:none;width:30px;height:30px;border-radius:8px;background-color:var(--blue);background-image:linear-gradient(135deg,var(--blue) 0%,var(--blue) 50%,var(--orange) 50%,var(--orange) 100%);box-shadow:inset 0 0 0 1px #16293f1a}.brand-name{font:700 15px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.005em;color:var(--navy)}h1{margin:0 0 8px;font-weight:700;font-size:26px;line-height:1.16;letter-spacing:-.012em;color:var(--navy);overflow-wrap:anywhere}p{margin:0 0 16px;color:var(--muted);max-width:44ch;overflow-wrap:anywhere}p:last-child{margin-bottom:0}form{display:grid;gap:16px}.field{display:grid;gap:7px;color:var(--ink-soft);font:600 13.5px/1.35 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0}input{width:100%;min-height:50px;border:1px solid var(--line-strong);border-radius:8px;padding:13px 14px;font:500 16px/1.35 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;background:var(--field);color:var(--ink);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input::placeholder{color:color-mix(in srgb,var(--muted),transparent 25%)}input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--ring);background:#fff}input[readonly]{background:var(--neutral);border-color:var(--line-strong);color:var(--ink-soft);font-weight:500;cursor:default}input[readonly]:focus{box-shadow:0 0 0 3px var(--ring);border-color:var(--line-strong)}input[autocomplete=one-time-code]{text-align:center;font-size:30px;font-weight:700;letter-spacing:.3em;text-indent:.3em;padding:16px 14px;color:var(--navy)}.actions{display:grid;gap:12px}.nav{display:grid;gap:10px;margin-top:24px}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:1px solid var(--blue-strong);border-radius:9px;padding:12px 18px;background:var(--blue);background-image:linear-gradient(180deg,var(--blue-mid) 0%,var(--blue) 100%);color:#fff;font:600 14.5px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0;cursor:pointer;text-decoration:none;text-align:center;box-shadow:0 1px 2px #16293f33;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}button:hover,.btn:hover{background:var(--blue-strong);border-color:var(--blue-strong)}button:active,.btn:active{background:var(--blue-press);border-color:var(--blue-press);box-shadow:none}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}button:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--neutral);color:var(--navy);border-color:var(--line-strong);box-shadow:none}.btn-secondary:hover{background:var(--neutral-strong);border-color:#b8c2d1}.btn-danger{background:var(--danger);border-color:var(--danger-strong);color:#fff}.btn-danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.messages{display:grid;gap:10px;margin:0 0 16px}.message{padding:12px 14px;border-radius:8px;border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--navy);font-size:14px}.message.error{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-strong)}.aside{margin:20px 0 0;font-size:14px;color:var(--muted)}.aside a{margin-left:4px;color:var(--blue);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--blue),transparent 62%)}.aside a:hover{color:var(--blue-strong);border-bottom-color:var(--blue-strong)}.aside a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:3px}.app-list{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.app-list li{border:1px solid var(--line-strong);background:var(--neutral);color:var(--ink-soft);border-radius:6px;padding:5px 10px;font-size:13px;font-weight:600}.loading{color:var(--muted)}@media (min-width: 480px){#root{padding:48px 20px}.card{padding:clamp(32px,4vw,42px)}h1{font-size:29px}.nav{grid-auto-flow:column;grid-auto-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}