:root{--primary-color: linear-gradient(90deg, #155dfc 0%, #4f39f6 100%);--primary-hover: #1447e6;--text-color: #364153;--light-color: #0a0a0a80;--border-color: #d1d5dc;--bg-color: #f8f9fc}body{font-family:Roboto,sans-serif;background-color:var(--bg-color);height:100vh;display:flex;align-items:center;justify-content:center;margin:0}.login-card{background:#fff;border-radius:16px;margin-top:20px;box-shadow:0 4px 20px #00000014;width:100%;max-width:440px;overflow:hidden;border:none}.login-header{background:var(--primary-color);padding:40px 20px;text-align:center;color:#fff}.icon-circle{width:60px;height:60px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:28px}.login-header h3{font-weight:700;margin-bottom:5px;font-size:24px}.login-header p{opacity:.9;font-size:14px;font-weight:300;margin:0}.card-body{padding:30px 40px}.form-label{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.input-group-text{background:transparent;border-right:none;border-color:var(--border-color);color:#9ca3af;border-top-left-radius:8px;border-bottom-left-radius:8px}.form-control{border-left:none;border-color:var(--border-color);padding:12px 10px;font-size:15px;color:var(--text-color);border-top-right-radius:8px;border-bottom-right-radius:8px}.form-control:focus{box-shadow:none;border-color:var(--primary-color)}.form-control:focus+.input-group-text,.input-group-text:has(+.form-control:focus){border-color:var(--primary-color);color:var(--primary-color)}.password-toggle{cursor:pointer;border-left:none;background:transparent;border-radius:0 8px 8px 0!important}.forgot-link{color:#473ef7;display:block;text-align:right;font-size:14px;text-decoration:none;font-weight:600;margin-bottom:24px;margin-top:8px}.forgot-link:hover{text-decoration:underline}.sign-btn{background:var(--primary-color);color:#fff;border:none;width:100%;padding:12px;border-radius:8px;font-weight:600;font-size:16px}.sign-btn:hover{background:linear-gradient(90deg,#4f39f6,#155dfc);color:#fff}.footer-text{text-align:center;font-size:12px;color:#9ca3af;margin-top:30px;padding-bottom:20px}.input-error{border-color:#dc2626!important}.error-text{color:#dc2626;font-size:12px;margin-top:4px}