*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0}.login-wrapper{display:flex;justify-content:center;align-items:center;background:#fff8ee;height:100vh;padding:20px}.login-box{background:#fff;width:100%;max-width:400px;border-radius:20px;padding:30px;box-shadow:0 8px 24px #0000001a;text-align:center}.login-image{width:100%;max-height:260px;object-fit:contain}.login-title{font-size:22px;color:#ffba00;font-weight:700;margin-bottom:4px}.login-subtitle{font-size:14px;color:#444;margin-bottom:20px}.login-field{width:100%;margin-bottom:16px;padding:0 10px}.login-field input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #eee;background:#f9f9f9;font-size:14px;transition:border .2s,box-shadow .2s}.login-field input:focus{outline:none;border:1px solid #ffcc00;box-shadow:0 0 4px #ffba0066}.login-forgot{text-align:right;font-size:13px;margin-bottom:20px}.login-forgot a{color:#888;text-decoration:none}.login-button{background-color:#ffba00;color:#000;width:100%;padding:14px;border:none;border-radius:16px;font-weight:700;font-size:16px;cursor:pointer;margin-bottom:20px}.login-register{font-size:13px}.login-register a{font-weight:700;color:#000;text-decoration:none}.login-field .input-error{border:1px solid #d00;background-color:#fef2f2}.error-text{color:#d00;font-size:.875rem;margin-top:4px}