:root{--primary-color:#e60000;--secondary-color:#ebebeb;--accent-color:#e60000;--text-color:#333;--light-bg:#fafafa;--white:#fff;--shadow:0 2px 10px rgba(0,0,0,0.1);--border-radius:8px;--transition:all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif!important;background:linear-gradient(135deg,#f7f9fc 0,#fff 100%)!important;min-height:100vh!important;color:var(--text-color)!important;line-height:1.6!important;margin:0!important;padding:0!important;overflow:hidden!important}.logo{display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:1%!important}.logo img{max-width:100%!important}.login-section{min-height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:linear-gradient(135deg,#f7f9fc 0,100%)!important;padding:2px 20px 40px 20px!important;position:relative!important;box-sizing:border-box!important}.login-container{background:var(--white)!important;border:1px solid #dee2e6!important;border-radius:12px!important;padding:20px!important;box-shadow:0 4px 20px rgba(0,0,0,0.08)!important;max-width:450px!important;width:100%!important;position:relative!important;margin:0 auto!important}.login-container::before{content:''!important;position:absolute!important;top:0!important;left:0!important;width:4px!important;height:100%!important;background:var(--primary-color)!important;border-radius:12px 0 0 12px!important}.login-title{font-size:20px!important;font-weight:bold!important;color:var(--primary-color)!important;text-align:center!important;margin-bottom:30px!important}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;color:var(--text-color);font-size:12px}.form-input{padding:12px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:16px;transition:var(--transition);background:var(--white)}.form-input:focus{outline:0}.login-description{font-size:12px;color:#666;line-height:1.5;text-align:justify}.button-group{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:20px 0}.link-button{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.link-button:hover{color:#b30000;text-decoration:underline}.login-button{background:var(--primary-color);color:var(--white);border:0;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:10px!important}.login-button:hover{background:#b30000;box-shadow:0 4px 12px rgba(230,0,0,0.3)}.privacy-link{text-decoration:underline;cursor:pointer}.privacy-link:hover{font-weight:bold;color:var(--primary-color)}.footer{background:var(--white)!important;border-top:1px solid var(--secondary-color)!important;padding:5px 0!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;width:100%!important}.version-section{position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;text-align:center!important;color:#666!important}.footer-content{max-width:1200px!important;margin:0 auto!important;padding:0 10px!important;text-align:center!important;color:#666!important}.privacy-section{position:absolute!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important}