:root{--accent:#2f8f86;--accent-strong:#1f7a72;--accent-light:#e6f1ee;--accent-mid:#eef5f3;--bg-app:#e7edeb;--bg-screen:#fff;--bg-result:#f3f6f5;--text-primary:#0f242a;--text-body:#16292b;--text-secondary:#5c6f72;--text-muted:#6b7d80;--text-tertiary:#8a9a9c;--border:#e3e9e7;--border-mid:#d7e1de;--border-light:#eef2f1;--danger:#c0392b;--danger-label:#a8453a;--danger-bg:#fbeae8;--danger-border:#f1cfca;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--shadow-btn:0 8px 18px #2f8f8647;--font-sans:"Source Sans 3", -apple-system, system-ui, sans-serif;--font-mono:"Source Code Pro", monospace;--pad:20px;--max-w:480px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-body);-webkit-font-smoothing:antialiased;min-height:100dvh}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}input{font-family:var(--font-sans);background:0 0;border:none;outline:none}img,svg{display:block}#root{flex-direction:column;min-height:100dvh;display:flex}.screen{width:100%;max-width:var(--max-w);background:var(--bg-screen);flex-direction:column;flex:1;min-height:100dvh;margin:0 auto;display:flex}.screen--alt{background:var(--bg-result)}.screen__inner{padding:var(--pad);flex-direction:column;flex:1;gap:18px;padding-top:60px;padding-bottom:40px;display:flex}.btn-primary{border-radius:var(--radius-lg);background:var(--accent);color:#fff;width:100%;box-shadow:var(--shadow-btn);border:none;padding:18px;font-size:17px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--accent-strong)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#c2cdca}.btn-outline{border-radius:var(--radius-lg);border:1.5px solid var(--border-mid);width:100%;color:var(--accent-strong);background:#fff;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:15.5px;font-weight:600;transition:background .15s;display:flex}.btn-outline:hover{background:var(--accent-mid)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;width:100%;padding:10px;font-size:14.5px;font-weight:600}.btn-back{border:1px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.btn-back:hover{background:var(--accent-mid)}.btn-copy{border:1px solid var(--border-mid);color:var(--accent-strong);white-space:nowrap;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:5px;padding:7px 10px;font-size:12.5px;font-weight:600;transition:background .15s;display:flex}.btn-copy:hover{background:var(--accent-mid)}.card{border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.card__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:15px 16px 13px;display:flex}.card__title{color:var(--text-primary);letter-spacing:.02em;font-size:16px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#3c4f52;font-size:13px;font-weight:600}.field input{color:var(--text-primary);border:1.5px solid var(--border-mid);border-radius:var(--radius-md);background:#fff;width:100%;padding:14px;font-size:16px;transition:border-color .15s}.field input:focus{border-color:var(--accent);outline:none}.field input.input--error{border-color:var(--danger);background:var(--danger-bg)}.field input.input--error:focus{border-color:var(--danger)}.field__hint{color:var(--text-tertiary);font-size:12.5px;line-height:1.3}.field__error{color:var(--danger-label);font-size:12.5px;line-height:1.3}.info-banner{background:var(--accent-mid);border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.info-banner p{color:#3c4f52;font-size:13.5px;line-height:1.45}@keyframes cs-spin{to{transform:rotate(360deg)}}@keyframes cs-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:.08;transform:scale(1.3)}}@keyframes cs-dot{0%,80%,to{opacity:.25}40%{opacity:1}}@media (width>=480px){:root{--pad:28px}}@media (width>=768px){:root{--pad:36px;--max-w:680px}#root{align-items:center;padding:40px 20px 60px}.screen{border-radius:24px;flex:none;width:100%;min-height:auto;box-shadow:0 20px 60px #0000001f}.screen__inner{padding-top:48px}}@media (width>=1024px){:root{--max-w:1040px;--pad:48px}.screen__inner{gap:24px;padding-top:52px;padding-bottom:52px}.d-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.d-grid-4-6{grid-template-columns:4fr 6fr;align-items:start;gap:22px;display:grid}.d-col{flex-direction:column;gap:22px;display:flex}.d-landing{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}}