.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#fafafa}.login-content{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.login-brand{animation:fadeInLeft .6s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.brand-logo{display:inline-flex;margin-bottom:32px}.brand-title{font-size:48px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.2;letter-spacing:-1px}.brand-subtitle{font-size:18px;color:#64748b;margin:0 0 40px;line-height:1.6}.brand-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;color:#475569;font-size:15px}.feature-icon{width:24px;height:24px;border-radius:6px;background:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:14px;height:14px;stroke:#fff;stroke-width:2.5}.login-form-section{animation:fadeInRight .6s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:48px}.form-header{margin-bottom:32px}.form-title{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.5px}.form-subtitle{color:#64748b;font-size:15px;margin:0}.error-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:24px;color:#dc2626;font-size:14px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:16px;margin-top:1px}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-form-item-label>label{color:#0f172a;font-weight:500;font-size:14px;height:auto}.login-input{height:48px;border-radius:10px;background:#fff;border:1.5px solid #e2e8f0;color:#0f172a;font-size:15px;transition:all .2s ease}.login-input:hover{border-color:#cbd5e1}.login-input:focus,.login-input.ant-input-focused{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.login-input input{background:transparent;color:#0f172a}.login-input input::placeholder{color:#94a3b8}.login-input .ant-input-password-icon{color:#64748b}.input-icon{color:#64748b;font-size:16px}.login-button{height:48px;border-radius:10px;font-size:15px;font-weight:600;background:#f59e0b;border:none;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;margin-top:8px}.login-button:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.login-button:active{transform:translateY(1px)}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.login-footer p{color:#94a3b8;font-size:13px;margin:0}.login-form .ant-form-item-explain-error{color:#dc2626;font-size:13px}.login-form .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input{border-color:#fca5a5}.login-form .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}@media (max-width: 968px){.login-content{grid-template-columns:1fr;gap:48px;max-width:480px}.login-brand{text-align:center}.brand-logo{justify-content:center}.brand-title{font-size:40px}.brand-features{display:none}.form-card{padding:36px 28px}}@media (max-width: 640px){.brand-title{font-size:32px}.brand-subtitle{font-size:16px}.form-card{padding:32px 24px;border:none;box-shadow:none}.form-title{font-size:24px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444}