@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#07080a;--bg-secondary:#0d0e11;--border-color:#171a21;--border-hover:#262b36;--text-primary:#f3f4f6;--text-secondary:#8c939d;--text-muted:#525866;--accent-color:#fff;--accent-muted:#64748b;--radius:6px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow:hidden}.split-container{width:100vw;min-height:100vh;display:flex}.split-left{background-color:var(--bg-primary);flex-direction:column;flex:1;justify-content:center;padding:4rem 8rem;display:flex;position:relative}.split-right{border-left:1px solid var(--border-color);background-color:#000;background-image:url(/images/login_bg.png);background-position:50%;background-size:cover;flex:1;position:relative}.split-right:after{content:"";-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();background:#00000080;position:absolute;inset:0}.form-header{margin-bottom:2.5rem}.form-header h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.form-header p{color:var(--text-secondary);font-size:.95rem}.login-form{flex-direction:column;gap:1.5rem;width:100%;max-width:380px;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.input-field{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:var(--border-hover);background-color:var(--bg-primary);box-shadow:0 0 0 1px var(--border-hover)}.form-options{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.forgot-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--text-primary)}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.checkbox-input{accent-color:var(--accent-color);background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;width:14px;height:14px}.btn-login{background-color:var(--accent-color);color:#000;border:1px solid var(--accent-color);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.8rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-login:hover{color:var(--accent-color);background-color:#0000}.btn-login:active{transform:scale(.99)}.login-logo{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex;position:absolute;top:3.5rem;left:8rem}.logo-icon{color:var(--text-primary);justify-content:center;align-items:center;display:flex}.login-footer{color:var(--text-muted);font-size:.8rem;position:absolute;bottom:3.5rem;left:8rem}@media (max-width:960px){.split-right{display:none}.split-left{padding:2rem}.login-logo,.login-footer{left:2rem}}