body{background:#f4f6f8;min-height:100vh;display:flex;align-items:center;padding:2rem 0}.auth-card{background:#fff;border-radius:1.2rem;box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden;width:100%;max-width:420px}.auth-card--wide{max-width:460px}.auth-header{background:linear-gradient(135deg,#276d5d,#1a4a3e);padding:2rem;text-align:center;color:#fff}.auth-header .logo{font-size:2.5rem;margin-bottom:.5rem}.auth-header h1{font-size:1.4rem;font-weight:700;margin:0}.auth-header p{font-size:.85rem;opacity:.8;margin:.3rem 0 0}.auth-body{padding:2rem}.auth-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.auth-field label{font-weight:600;font-size:.9rem;color:#333}.auth-body .input-group-text{background:#f8f9fa;border-right:none;color:#6c757d}.auth-body .input-group .form-control{border-left:none}.auth-body .form-control:focus{border-color:#276d5d;box-shadow:0 0 0 3px rgba(39,109,93,.15)}.btn-auth{width:100%;margin-top:.5rem;padding:.7rem;background:linear-gradient(135deg,#276d5d,#1a4a3e);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-auth:hover{opacity:.9;color:#fff}.auth-footer{text-align:center;padding:1rem 2rem 1.5rem;border-top:1px solid #f0f0f0;font-size:.875rem;color:#6c757d}.auth-footer a{color:#276d5d;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.form-error{font-size:.82rem;color:#b91c1c}