.auth-shell{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:64px 24px 96px;display:flex}.auth-card-wrap{width:100%;max-width:460px}.auth-card{font-family:var(--font);background:#fffffffa;border-radius:30px;padding:36px 32px 32px;box-shadow:0 20px 60px #0f172a14}.auth-card-head{margin-bottom:22px}.auth-title{color:#191f28;letter-spacing:-.03em;margin:0 0 6px;font-size:1.86rem;font-weight:800;line-height:1.25}.auth-subtitle{color:#6b7684;letter-spacing:-.01em;margin:0;font-size:.92rem}.auth-form{flex-direction:column;gap:14px;margin-top:6px;display:flex}.auth-section-divider{color:#6b7684;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 -2px;font-size:.72rem;font-weight:800}.auth-field{gap:6px;display:grid}.auth-label{color:#191f28;letter-spacing:-.01em;font-size:.82rem;font-weight:800}.auth-input{color:#191f28;box-sizing:border-box;background:#f6f8fb;border:2px solid #0000;border-radius:14px;outline:none;width:100%;height:48px;padding:0 15px;font-family:inherit;font-size:.95rem;transition:border-color .15s,background .15s,box-shadow .15s}.auth-input::placeholder{color:#b0b8c1}.auth-input:focus{background:#fff;border-color:#5b84f7;box-shadow:0 0 0 3px #5b84f71f}.auth-input[aria-invalid=true]{background:#ef44440a;border-color:#ef4444}.auth-input[readonly]{color:#6b7684;cursor:not-allowed;background:#eef2f7}.auth-error{color:#ef4444;letter-spacing:-.01em;margin-top:2px;font-size:.78rem}.auth-helper{color:#6b7684;letter-spacing:-.01em;margin-top:2px;font-size:.78rem}.auth-server-error{color:#b91c1c;letter-spacing:-.01em;background:#ef44440f;border:1px solid #ef444438;border-radius:12px;align-items:flex-start;gap:8px;margin-top:4px;padding:12px 14px;font-size:.86rem;display:flex}.auth-submit{color:#fff;letter-spacing:-.01em;cursor:pointer;background:#5b84f7;border:0;border-radius:16px;width:100%;height:50px;margin-top:8px;font-family:inherit;font-size:.96rem;font-weight:800;transition:background .15s,box-shadow .15s,transform 50ms;box-shadow:0 10px 24px #5b84f73d}.auth-submit:hover:not(:disabled){background:#4772eb}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}.auth-card-foot{color:#6b7684;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:.86rem;display:flex}.auth-link{color:#5b84f7;letter-spacing:-.01em;font-weight:800;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-input-with-action{align-items:stretch;gap:8px;display:flex}.auth-input-with-action .auth-input{flex:1;min-width:0}.auth-input-action{color:#5b84f7;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #5b84f7;border-radius:14px;flex-shrink:0;height:48px;padding:0 16px;font-family:inherit;font-size:.85rem;font-weight:800;transition:background .15s,color .15s,border-color .15s}.auth-input-action:hover:not(:disabled){color:#fff;background:#5b84f7}.auth-input-action:disabled{color:#b0b8c1;cursor:not-allowed;background:#f6f8fb;border-color:#d4d8de}.auth-otp-row{margin-top:10px;animation:.2s ease-out auth-otp-fade-in}@keyframes auth-otp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-otp-input{font-variant-numeric:tabular-nums;letter-spacing:.32em;text-align:center;font-weight:700}.auth-otp-input::placeholder{letter-spacing:-.01em;font-weight:400}.auth-success{color:#15803d;letter-spacing:-.01em;background:#16a34a14;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:6px;padding:6px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.auth-success:before{content:"✓";font-size:.85rem;font-weight:900}.auth-required{color:#ef4444;margin-left:2px}.auth-checkbox{color:#4b5563;letter-spacing:-.01em;align-items:flex-start;gap:10px;margin-top:4px;font-size:.86rem;line-height:1.55;display:flex}.auth-checkbox input{accent-color:#5b84f7;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.auth-checkbox-link{color:#5b84f7;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.auth-checkbox-link:hover{color:#4772eb}.auth-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out auth-modal-fade-in;display:flex;position:fixed;inset:0}.auth-modal-panel{width:100%;max-width:600px;max-height:80vh;font-family:var(--font);background:#fff;border-radius:24px;padding:28px;animation:.2s ease-out auth-modal-scale-in;overflow:auto;box-shadow:0 30px 60px #0f172a33}@keyframes auth-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-scale-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal-title{color:#191f28;letter-spacing:-.02em;margin:0 0 14px;font-size:1.2rem;font-weight:800}.auth-modal-body{color:#6b7684;letter-spacing:-.01em;margin:0 0 20px;font-size:.9rem;line-height:1.7}.auth-modal-close{color:#fff;cursor:pointer;background:#5b84f7;border:0;border-radius:14px;width:100%;height:46px;font-family:inherit;font-size:.92rem;font-weight:800;transition:background .15s}.auth-modal-close:hover{background:#4772eb}
