body{margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}.login-container{min-height:100vh;display:flex;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-content{display:flex;width:100%;max-width:1000px;margin:auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000040}.login-left{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 40px;color:#fff;display:flex;flex-direction:column;justify-content:center}.logo{font-size:28px;font-weight:700;margin-bottom:10px;color:#fff}.tagline{font-size:14px;opacity:.92;margin-bottom:30px}.feature-list{list-style:none;margin-top:8px}.feature-item{display:flex;align-items:center;margin-bottom:16px;font-size:15px}.feature-icon{width:28px;height:28px;background:#ffffff1f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:14px}.login-right{flex:1;padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.login-title{font-size:30px;font-weight:700;color:#2d3748;margin-bottom:8px}.login-subtitle{color:#718096;margin-bottom:18px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.form-input{width:100%;padding:12px 14px;font-size:15px;border:2px solid #e2e8f0;border-radius:8px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.form-input:focus{border-color:#667eea;box-shadow:0 6px 18px #667eea1f}.options{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:#4a5568}.login-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:16px}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error{color:#b91c1c;margin-bottom:12px}@media (max-width: 768px){.login-content{flex-direction:column}.login-left,.login-right{padding:32px}.login-title{font-size:24px}}