.logo-header{margin-bottom:80px;text-align:center}.logo-header img{height:100px;width:auto}.login-container{background:#f5f0eb;border-radius:16px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:700px;padding:30px}.login-title{text-align:center;font-size:24px;font-weight:700;color:var(--text);margin-bottom:25px}.content-box{background:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #0000000d}.description{font-size:14px;line-height:1.8;color:#666;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px;display:flex;align-items:center;gap:15px}.form-group label{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;min-width:140px}.form-group input{flex:1;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:15px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--main);box-shadow:0 0 0 3px #e88b4d1a}.input-note{font-size:12px;color:#666;margin-left:155px;margin-top:-15px;margin-bottom:20px}.error-message{color:#e74c3c;font-size:13px;margin-top:6px;margin-left:155px;display:flex;align-items:center;gap:5px}.remember-me{margin-bottom:20px;margin-left:155px}.remember-me label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666}.remember-me label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.login-button{width:100%;padding:14px;background:var(--main);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.login-button:hover{background:var(--main-dark);box-shadow:0 4px 12px #e88b4d4d}.login-button:active{transform:scale(.98)}.links-section{text-align:center}.links{text-align:center;font-size:14px;margin-bottom:15px}.links a{color:var(--main);text-decoration:none;font-weight:600}.links a:hover{text-decoration:underline}.divider{text-align:center;margin:24px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.divider span{background:#fff;padding:0 16px;position:relative;color:#999;font-size:13px}.success-message{color:#27ae60;font-size:13px;margin-top:6px;margin-bottom:15px;display:flex;align-items:center;gap:5px;padding:10px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px}@media(max-width:480px){.login-container,.content-box{padding:25px 20px}.logo-header img{height:50px}.login-title{font-size:20px}.form-group{flex-direction:column;align-items:flex-start;gap:8px}.form-group label{min-width:auto}.form-group input{width:100%}.error-message,.input-note,.remember-me{margin-left:0}}