*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:#1a1a1a;background:#f0f2f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.auth-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:linear-gradient(135deg,#f5f7fa,#e4e9f0);position:relative;overflow:hidden}.auth-wrapper:before,.auth-wrapper:after{content:"";position:absolute;border-radius:50%;opacity:.06;pointer-events:none}.auth-wrapper:before{width:500px;height:500px;background:#06c;top:-200px;right:-100px}.auth-wrapper:after{width:400px;height:400px;background:#06c;bottom:-150px;left:-100px}.auth-card{background:#fff;padding:2.75rem 2.5rem;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a;width:100%;max-width:400px;position:relative;z-index:1;animation:authCardIn .4s ease-out}@media (max-width: 480px){.auth-card{padding:2rem 1.5rem;border-radius:12px}}@keyframes authCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-brand{text-align:center;margin-bottom:2rem}.auth-brand-name{margin:0;font-size:1.625rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.auth-brand-org{margin:.25rem 0 0;font-size:.8125rem;font-weight:500;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase}.auth-heading{text-align:center;margin-bottom:2rem}.auth-heading h1{margin:0 0 .375rem;font-size:1.375rem;font-weight:600;color:#0f172a;letter-spacing:-.01em}.auth-heading p{margin:0;font-size:.875rem;color:#64748b;line-height:1.5}.auth-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.125rem}.auth-field{display:flex;flex-direction:column;gap:.375rem}.auth-field label{font-size:.8125rem;font-weight:500;color:#475569}.auth-field input{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9375rem;font-family:inherit;color:#0f172a;background:#f8fafc;outline:none;transition:all .2s ease}.auth-field input::placeholder{color:#94a3b8}.auth-field input:hover:not(:disabled){border-color:#cbd5e1}.auth-field input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.auth-field input:disabled{opacity:.6;cursor:not-allowed}.auth-code-input{padding:1rem 1.25rem!important;font-size:1.75rem!important;font-weight:600!important;text-align:center;letter-spacing:.625rem;font-family:Inter,monospace!important}.auth-btn{margin-top:.375rem;padding:.8125rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auth-btn--loading{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.auth-error{margin:0;padding:.625rem .875rem;font-size:.8125rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;line-height:1.4;animation:authShake .3s ease}@keyframes authShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.25rem;border:none;border-radius:10px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.btn-secondary{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#f8fafc}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-icon{padding:.375rem;width:32px;height:32px;background:transparent;color:#64748b;border:1.5px solid #e2e8f0;border-radius:8px}.btn-icon:hover:not(:disabled){background:#f8fafc;color:#0f172a}.btn-icon:disabled{opacity:.35}.btn-icon.danger:hover:not(:disabled){background:#fef2f2;color:#c62828;border-color:#fecaca}.auth-link{display:block;text-align:center;color:#3b82f6;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;transition:color .15s ease;margin-top:.25rem}.auth-link:hover{color:#1d4ed8}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f1f5f9;font-size:.75rem;color:#94a3b8}