:root{--primary:#00927f;--primary-hover:#08ac9b;--heading:#143e70;--muted:#4b5563;--border:#d1d5db;--border-focus:#08ac9b;--error:#ef4444;--error-bg:#fef2f2;--mint:#e3f7f2;--radius:.75rem}*{box-sizing:border-box}html,body{color:var(--heading);background:#fff;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:auto}body{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.phone{flex-direction:column;justify-content:center;width:100%;max-width:305px;min-height:520px;display:flex;position:relative}.hidden{display:none!important}.illustration{object-fit:cover;width:216px;margin:0 auto 24px}.illustration img{width:100%;height:auto;display:block}h1,h2{color:var(--heading);text-align:center;margin:16px 0 12px;font-weight:700}h1{font-size:1.375rem}h2{font-size:1rem}.muted{color:var(--muted);text-align:center;margin:0 0 24px;font-size:.9rem;line-height:1.55}#state-loading{flex-direction:column;align-items:center;display:flex}.spinner{border:3px solid var(--mint);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}form{flex-direction:column;display:flex}label{color:var(--heading);margin-bottom:8px;font-size:1rem;font-weight:600}.input-wrap{margin-bottom:18px;position:relative}input[type=password],input[type=text]{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--heading);background:#fff;padding:16px 46px 16px 16px;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9ca3af}input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #08ac9b26}.toggle-visibility{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-visibility:hover{color:var(--primary)}.field-error{background:var(--error-bg);color:var(--error);border-radius:var(--radius);text-align:center;margin:-6px 0 16px;padding:10px 12px;font-size:.85rem}.field-error.hidden{display:none}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;text-align:center;border:none;width:100%;padding:16px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:block}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-link{margin-top:4px}.icon{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto;font-size:1.6rem;font-weight:700;display:flex}.icon-success{background:var(--primary);color:#f3f4f6}.modal-overlay{z-index:10;background:#0b33508c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal-card{text-align:center;background:#fff;border-radius:1.25rem;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:16px;display:flex;box-shadow:0 20px 40px #0003}.container-icon{justify-content:center;align-items:center;width:117px;height:117px;margin:0 auto;display:flex}.modal-card h2{margin:0 0 2px}.modal-card p{text-align:center;color:#6b7280;margin:0;font-size:.875rem;line-height:1.55}