:root{--bg-color:#0f172a;--bg-card:#1e293b;--text-color:#f1f5f9;--text-secondary:#94a3b8;--btn-primary:#3b82f6;--btn-primary-hover:#2563eb;--input-border:#334155;--input-focus:#3b82f6;--shadow-color:rgba(0,0,0,0.5);--active-color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.logcontainer{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.container{width:100%;max-width:420px}.login-card{background-color:var(--bg-card);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);padding:40px;margin-top:24px;border:1px solid rgba(255,255,255,.05)}.login-header{text-align:center;margin-bottom:28px}.login-header h1{font-size:28px;color:var(--text-color);margin-bottom:8px;font-weight:600}.login-header p{color:var(--text-secondary);font-size:14px}.login-header a{text-decoration:none;color:var(--btn-primary);font-weight:500}.login-header a:hover{text-decoration:underline}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);font-size:14px}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--input-border);border-radius:8px;font-size:15px;background-color:#0f172a;color:var(--text-color);transition:all .3s ease}.form-group input:focus{border-color:var(--input-focus);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1);background-color:#1a2332}.error-message{color:#ef4444;font-size:13px;margin-top:8px;display:block;font-weight:500}.form-options{justify-content:space-between;margin-bottom:24px;font-size:14px}.form-options,.remember-me{display:flex;align-items:center}.remember-me{color:var(--text-secondary);cursor:pointer}.remember-me input{margin-right:8px;cursor:pointer;width:16px;height:16px}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3)}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:480px){.logcontainer{padding:12px}.login-card{padding:28px 24px}.login-header h1{font-size:24px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}}