.auth-container{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;width:100%;max-width:440px;padding:48px;box-shadow:0 20px 50px #0000000f}.auth-header{text-align:center;margin-bottom:40px}.auth-header .logo{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex;text-decoration:none!important}.logo-img{object-fit:contain;border:1px solid #e2e8f0;border-radius:14px;width:48px;height:48px}.logo-text{color:#0f172a;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.auth-header h1{color:#0f172a;margin-bottom:8px;font-size:2rem}.auth-header p{color:#64748b;font-size:1rem;font-weight:500}.auth-form{flex-direction:column;gap:24px;display:flex}.input-group label{color:#1e293b;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row a{color:#2563eb;font-size:.8rem;font-weight:700;transition:all .2s;text-decoration:none!important}.label-row a:hover{color:#1d4ed8}.input-wrapper{color:#94a3b8;align-items:center;display:flex;position:relative}.input-wrapper svg{position:absolute;left:16px}.input-wrapper input{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 48px;font-size:.95rem;transition:all .2s}.input-wrapper input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input-wrapper input::placeholder{color:#94a3b8}.auth-footer{text-align:center;color:#64748b;margin-top:32px;font-size:.9rem;font-weight:600}.auth-footer a{color:#2563eb;font-weight:700;text-decoration:none!important}.auth-footer a:hover{text-decoration:underline!important}.w-full{width:100%}@media (max-width:480px){.auth-container{padding:16px}.auth-card{border-radius:20px;padding:32px 20px}.auth-header{margin-bottom:24px}.auth-header .logo{margin-bottom:20px}.logo-img{width:40px;height:40px}.logo-text{font-size:1.25rem}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}.auth-form{gap:16px}.input-wrapper input{padding:12px 16px 12px 42px}.input-wrapper svg{left:14px}}.role-selector{background:#f1f5f9;border-radius:14px;margin-bottom:32px;padding:4px;display:flex}.role-selector button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:12px;font-size:.9rem;font-weight:700;transition:all .25s}.role-selector button:hover{color:#2563eb}.role-selector button.active{color:#2563eb;background:#fff;box-shadow:0 4px 12px #00000014}.terms{color:#64748b;align-items:flex-start;gap:12px;margin:8px 0;font-size:.85rem;font-weight:500;display:flex}.terms input{accent-color:#2563eb;width:16px;height:16px;margin-top:3px}.terms label strong{color:#0f172a;cursor:pointer}.terms label strong:hover{color:#2563eb}@media (max-width:480px){.role-selector{margin-bottom:24px}.role-selector button{padding:10px;font-size:.85rem}.success-icon{width:64px;height:64px}.success-icon svg{width:32px;height:32px}}.success-state{text-align:center}.success-icon{background:var(--success-bg);width:80px;height:80px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.success-state h1{margin-bottom:12px}.success-state p{color:#64748b;margin-bottom:32px;font-weight:500}.back-link{color:#64748b;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex;text-decoration:none!important}.back-link:hover{color:var(--primary)}