:root{--navy:#0b2545;--sea:#13598b;--sea-soft:#e8f1f8;--ok:#0f7b4f;--ok-soft:#e7f6ee;--warn:#92400e;--warn-soft:#fff7e6;--err:#b42318;--err-soft:#fdecea;--text:#1c2430;--muted:#5b6776;--line:#d9e0e8;--bg:#f3f6f9;--card:#fff;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5}.shell{max-width:760px;margin:0 auto;padding:0 16px 32px}.brand{align-items:center;gap:12px;padding:20px 0 16px;display:flex}.logo{background:var(--navy);border-radius:10px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.brand-name{color:var(--navy);font-size:18px;font-weight:700}.brand-sub{color:var(--muted);font-size:14px}.foot{text-align:center;color:var(--muted);margin-top:24px;font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 1px 2px #1018280a}.card.center{text-align:center}h1{color:var(--navy);margin:0 0 8px;font-size:22px}h2{color:var(--navy);margin:24px 0 8px;font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.right{text-align:right}.kv{grid-template-columns:110px 1fr;gap:6px 12px;margin:0;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:8px}.table .num{text-align:right}.note{background:var(--sea-soft);color:var(--navy);border-radius:8px;margin:16px 0;padding:12px 14px;font-size:14px}.alert{background:var(--err-soft);color:var(--err);border-radius:8px;margin-top:16px;padding:12px 14px;font-size:14px}.legal{color:var(--muted);margin-top:20px;font-size:13px}.actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.actions.center{justify-content:center}.btn{border:1px solid var(--line);min-height:46px;color:var(--text);font:inherit;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--sea)}.btn.primary{background:var(--sea);border-color:var(--sea);color:#fff}.btn.primary:hover:not(:disabled){background:var(--navy)}.btn.big{flex:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.link:focus-visible,.doc-tab:focus-visible,.doc-box:focus-visible{outline-offset:2px;outline:3px solid #13598b59}.link{color:var(--sea);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.link:disabled{color:var(--muted);cursor:default;text-decoration:none}.field{flex-direction:column;gap:6px;margin-top:16px;display:flex}.field-label{font-size:14px;font-weight:600}.field input,.field textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--text);background:#fff;border-radius:8px;padding:11px 12px}.field input:focus,.field textarea:focus{border-color:var(--sea);outline:none;box-shadow:0 0 0 3px #13598b26}.field.invalid input,.field.invalid textarea{border-color:var(--err)}.field-error{color:var(--err);font-size:13px}.field-hint{color:var(--muted);font-size:13px}.segmented{border:1px solid var(--line);border-radius:8px;align-self:flex-start;display:inline-flex;overflow:hidden}.segmented button{font:inherit;cursor:pointer;color:var(--muted);background:#fff;border:0;padding:9px 16px}.segmented button.on{background:var(--sea);color:#fff}.otp{letter-spacing:12px;text-align:center;font-variant-numeric:tabular-nums;font-size:28px!important}.stepper{gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.stepper li{color:var(--muted);flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.stepper .dot{border:1px solid var(--line);background:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.stepper li.active{color:var(--navy);font-weight:600}.stepper li.active .dot{background:var(--sea);border-color:var(--sea);color:#fff}.stepper li.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.doc-tabs{gap:6px;margin:12px 0 8px;padding-bottom:8px;display:flex;overflow-x:auto}.doc-tab{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--muted);white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.doc-tab.on{border-color:var(--sea);color:var(--navy);font-weight:600}.doc-tab.read .doc-tab-mark{background:var(--ok);color:#fff}.doc-tab-mark{background:var(--bg);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.doc-box{border:1px solid var(--line);background:#fcfdfe;border-radius:8px;height:62vh;min-height:320px;padding:16px 18px;overflow-y:auto}.doc-body{font-size:14px;line-height:1.6}.doc-body h1{text-align:center;font-size:17px}.doc-body h2{font-size:15px}.doc-body h3{margin:12px 0 4px;font-size:14px}.doc-body p{margin:0 0 10px}.doc-body .fill{background:var(--sea-soft);border-radius:3px;padding:0 3px;font-weight:600}.doc-body table{border-collapse:collapse;width:100%;margin:8px 0 12px}.doc-body th,.doc-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px}.doc-body table.kv th{background:var(--bg);width:40%}.doc-body .draft-banner{background:var(--warn-soft);color:var(--warn);border:1px solid #f0c36d;border-radius:6px;margin-bottom:12px;padding:8px 10px;font-size:13px;font-weight:600}.doc-end{text-align:center;color:var(--muted);padding:16px 0 4px;font-size:12px}.doc-status{color:var(--warn);margin-top:8px;font-size:13px}.doc-status.ok{color:var(--ok)}.checks{flex-direction:column;gap:8px;display:flex}.check{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:14px;display:flex}.check.on{border-color:var(--sea);background:var(--sea-soft)}.check input{width:20px;height:20px;accent-color:var(--sea);flex:none;margin:1px 0 0}.success-mark{background:var(--ok-soft);width:64px;height:64px;color:var(--ok);border-radius:50%;place-items:center;margin:8px auto 16px;font-size:32px;font-weight:700;display:grid}@media (width<=560px){.card{padding:18px 16px}.stepper .label{display:none}.stepper li.active .label{display:inline}.actions{flex-direction:column-reverse}.actions .btn{width:100%}.kv{grid-template-columns:90px 1fr}}
