:root{--bg-color:#f4f7fa;--card-bg:#fff;--text-color:#333;--text-muted:#6c757d;--border-color:#e9ecef;--input-bg:#fff;--demo-bg:#e8f5e9;--demo-border:#2ecc71}body.dark-mode{--bg-color:#121212;--card-bg:#1e1e1e;--text-color:#e0e0e0;--text-muted:#a0a0a0;--border-color:#333;--input-bg:#2c2c2c;--demo-bg:#2ecc710d;--demo-border:#007a4d}body{background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s;display:flex}.dark-toggle-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:absolute;top:20px;right:30px;box-shadow:0 4px 10px #0000000d}.dark-toggle-btn:hover{transform:scale(1.1)}.login-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;width:95%;max-width:950px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 15px 35px #00000014}.login-left{color:#fff;text-align:center;background:linear-gradient(145deg,#007a4d 0%,#004d34 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:50px 40px;display:flex}.login-left i{color:#f1c40f;margin-bottom:20px;font-size:4rem}.login-left h2{letter-spacing:1px;margin-bottom:15px;font-weight:900}.login-left p{opacity:.9;font-size:1.05rem;line-height:1.6}.login-right{flex-direction:column;flex:1.3;justify-content:center;padding:40px 50px;display:flex}.demo-box{background-color:var(--demo-bg);border:1px solid var(--demo-border);border-radius:8px;margin-bottom:30px;padding:20px;transition:all .3s}.demo-creds{border:1px dashed var(--demo-border);background-color:var(--card-bg);border-radius:6px;height:100%;padding:12px;font-family:monospace;font-size:.85rem;transition:all .3s}.demo-title{color:#007a4d;margin-bottom:5px;font-family:sans-serif;font-weight:800}body.dark-mode .demo-title{color:#2ecc71}.partnership-btn{color:#fff;text-align:center;background-color:#007a4d;border-radius:6px;margin-top:15px;padding:10px;font-size:.9rem;font-weight:700}.login-right h3{color:var(--text-color);margin-bottom:25px;font-weight:800}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.input-group-text{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-muted);border-right:none;transition:all .3s}.form-control{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-color);border-left:none;padding:12px 15px;transition:all .3s}.form-control:focus{box-shadow:none;background-color:var(--card-bg);color:var(--text-color);border-color:#007a4d}.form-control:focus+.input-group-text,.input-group:focus-within .input-group-text{color:#007a4d;border-color:#007a4d}.btn-submit{color:#fff;background-color:#007a4d;border:none;border-radius:6px;width:100%;margin-top:15px;padding:12px;font-size:1.05rem;font-weight:700;transition:all .3s}.btn-submit:hover{background-color:#005a38;transform:translateY(-2px);box-shadow:0 5px 15px #007a4d4d}@media (max-width:992px){.login-wrapper{flex-direction:column;margin-top:80px;margin-bottom:30px}.login-left{padding:40px 20px}.login-right{padding:30px 20px}}