:root{--main-color:#661523;--light-bg:#f0f4f7;--border-color:#ddd}html{height:100%}body.login-page-bg{background-color:var(--light-bg);min-height:100%;display:flex;flex-direction:column}main{flex-grow:1}.login-section{padding:60px 20px;display:flex;align-items:center;justify-content:center;flex-grow:1}.login-card{max-width:480px;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.08);overflow:hidden}.login-content{padding:30px 35px}.login-content h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:8px;color:var(--main-color)}.login-subtitle{font-size:.9rem;color:#555;text-align:center;margin-bottom:25px}.divider{font-size:.8rem;color:#888;margin:25px 0;display:flex;align-items:center;gap:10px}.divider:after,.divider:before{content:"";flex-grow:1;height:1px;background-color:var(--border-color)}.login-form .form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:700;margin-bottom:8px}.form-group .input-wrapper{position:relative}.form-group input{width:100%;padding:12px 40px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;box-sizing:border-box}.form-group .icon-prefix{left:15px}.form-group .icon-prefix,.form-group .icon-suffix{position:absolute;top:50%;transform:translateY(-50%);color:#aaa}.form-group .icon-suffix{right:15px;background:none;border:none;cursor:pointer}.form-group small{font-size:.8rem;color:#777;margin-top:5px}.password-forgot{display:block;text-align:right;font-size:.85rem;color:var(--main-color);text-decoration:underline;margin-top:-10px;margin-bottom:20px}.btn-login{width:100%;background-color:var(--main-color);color:#fff;font-size:1.1rem;font-weight:700;padding:14px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border:1.5px solid transparent}.btn-login:hover{opacity:.85}.btn-login i{margin-left:0}.register-guide{text-align:center;font-size:.9rem;color:#555;margin-bottom:10px}.btn-register{width:100%;background-color:#fff;color:var(--main-color);border:1.5px solid var(--main-color);font-size:1rem;font-weight:700;padding:14px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.btn-register:hover{background-color:#fdf6f7}.btn-register i{margin-left:0}.login-card-footer{background-color:#f9f9f9;padding:20px;text-align:center;border-top:1px solid #f0f0f0}.login-card-footer a{font-size:.9rem;font-weight:700;color:var(--main-color);text-decoration:underline}@media (max-width:768px){.login-section{padding:20px 0;align-items:flex-start}.login-card{border-radius:0;box-shadow:none;border-bottom:1px solid var(--border-color)}.login-content{padding:25px 20px}}.form-error-message{background-color:#fde8e8;color:#a94442;border:1px solid #e9c4c4;border-radius:8px;padding:12px 15px;font-size:.95rem;font-weight:700;margin-bottom:20px;text-align:left}