*{box-sizing:border-box;margin:0;padding:0}:root{--yellow:#ffb900;--text:#111;--border:#858585;--eye:#333}body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-card{width:422px;display:flex;flex-direction:column;align-items:center}.logo{width:190px;height:100px;object-fit:contain;margin-bottom:30px}.subtitle{font-size:17px;line-height:24px;text-align:center;margin-bottom:56px}.login-form{width:100%}.input-group{position:relative;width:100%;height:75px;margin-bottom:35px}.input-group input{width:100%;height:100%;padding:0 23px;border:1px solid var(--border);border-radius:20px;outline:0;background:#fff;font-size:16px}.input-group input:focus{border-color:#555;box-shadow:0 0 0 2px rgba(255,185,0,.12)}.password-group input{padding-right:62px}.toggle-password{position:absolute;top:50%;right:20px;width:32px;height:32px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer}.toggle-password svg{width:29px;height:29px;fill:none;stroke:var(--eye);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.toggle-password circle{fill:var(--eye);stroke:none}.login-button{width:100%;height:75px;margin-top:27px;border:0;border-radius:20px;background:var(--yellow);font-size:20px;font-weight:700;cursor:pointer}.login-error{width:100%;padding:12px 16px;margin:-32px 0 28px;border:1px solid #e0b2b2;border-radius:12px;background:#fff5f5;color:#9d2222;text-align:center;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.login-page{padding:30px 24px}.login-card{width:min(422px,100%)}.logo{width:175px;height:92px}.subtitle{font-size:16px;margin-bottom:42px}.input-group,.login-button{height:68px}.input-group{margin-bottom:25px}.login-button{margin-top:20px}}