*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.auth-page{background:#f5f7fb;min-height:100vh;display:flex}.auth-brand-section{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:40%;min-height:100vh;padding:40px;display:flex}.brand-logo{object-fit:contain;width:65%;min-width:320px;max-width:650px;height:auto;margin-bottom:30px}.auth-form-section{background:#f5f7fb;justify-content:center;align-items:center;width:60%;min-height:100vh;padding:40px;display:flex}.auth-card{width:100%;max-width:420px;padding:35px}.auth-card h2{margin-bottom:8px;font-size:28px}.subtitle{color:#777;margin-bottom:30px;font-size:14px}.form-error{color:#d93025;margin-bottom:15px;font-size:13px}.form-success{color:#188038;margin-bottom:15px;font-size:13px}.login-button:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #d5d5d5;border-radius:7px;outline:none;width:100%;padding:13px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#333}.forgot-password{justify-content:flex-end;margin-top:-8px;margin-bottom:22px;display:flex}.forgot-password button{cursor:pointer;background:0 0;border:none;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:7px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:opacity .2s}.login-button:hover{opacity:.85}.divider{color:#999;align-items:center;gap:12px;margin:28px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#ddd;flex:1;height:1px}.google-button{cursor:pointer;background:#fff;border:1px solid #d5d5d5;border-radius:7px;width:100%;padding:12px;font-size:14px;transition:background .2s}.google-button:hover{background:#f7f7f7}.register-text{text-align:center;color:#666;margin-top:25px;font-size:14px}.register-button{color:#222;font-weight:600;text-decoration:none}@media (width<=768px){.auth-page{flex-direction:column}.auth-brand-section{width:100%;min-height:35vh;padding:30px}.brand-logo{width:120px;margin-bottom:15px}.auth-brand-section h1{font-size:28px}.auth-brand-section p{font-size:14px}.auth-form-section{width:100%;min-height:65vh;padding:25px 20px}.auth-card{padding:10px}}