.login-screen{--bg:#fbfaf7;--line:#ece9e2;--ink:#1a1a1a;--ink-2:#4a4a46;--muted:#8c8c88;--faint:#b4b0a8;--coral:#f05a38;--coral-soft:#ffede8;--lima:#c8e34a;--red:#ef4444;--r-sm:10px;z-index:1;background:var(--bg);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;grid-template-columns:1.05fr 1fr;display:grid;position:fixed;inset:0}.login-screen *,.login-screen :before,.login-screen :after{box-sizing:border-box}.login-screen .art{background:var(--lima);flex-direction:column;justify-content:space-between;padding:44px 48px;display:flex;position:relative;overflow:hidden}.login-screen .art .lg{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.login-screen .art .lg .mk{width:auto;height:38px}.login-screen .art .lg .wm{width:auto;height:22px}.login-screen .art .pitch{z-index:2;max-width:460px;margin-bottom:18px;position:relative}.login-screen .art .pitch h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;font-size:38px;line-height:1.04}.login-screen .art .pitch p{color:var(--ink);opacity:.78;margin:0;font-size:16px;line-height:1.5}.login-screen .art .mascot{opacity:.95;z-index:1;width:300px;max-width:46%;height:auto;position:absolute;bottom:-20px;right:8px}.login-screen .form{justify-content:center;align-items:center;padding:40px;display:flex}.login-screen .card{width:100%;max-width:380px}.login-screen .lc-logo{display:none}.login-screen .card h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:26px}.login-screen .card .sub{color:var(--muted);margin:0 0 28px;font-size:14px}.login-screen .field{margin-bottom:16px}.login-screen .field label{color:var(--ink);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.login-screen .field .inp{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;align-items:center;gap:10px;padding:12px 14px;transition:border-color .14s,box-shadow .14s;display:flex}.login-screen .field .inp:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.login-screen .field .inp svg{width:17px;height:17px;color:var(--faint);flex-shrink:0}.login-screen .field .inp input{font-family:var(--font-sans);color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14.5px}.login-screen .field .inp .eye{cursor:pointer;color:var(--faint);background:0 0;border:none;padding:0;display:flex}.login-screen .field .inp .eye:hover{color:var(--muted)}.login-screen .row{justify-content:space-between;align-items:center;margin:4px 0 22px;display:flex}.login-screen .row label{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.login-screen .row input[type=checkbox]{width:16px;height:16px;accent-color:var(--coral)}.login-screen .row a{color:var(--coral);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}.login-screen .login-btn{background:var(--coral);color:#fff;border-radius:var(--r-sm);width:100%;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;transition:filter .14s,transform 50ms;display:flex}.login-screen .login-btn:hover{filter:brightness(1.05)}.login-screen .login-btn:active{transform:scale(.99)}.login-screen .login-btn:disabled{opacity:.6;cursor:default}.login-screen .login-btn svg{width:17px;height:17px}.login-screen .login-err{color:var(--red);margin:12px 2px 0;font-size:12.5px}.login-screen .login-note{border-top:1px solid var(--line);color:var(--muted);margin-top:26px;padding-top:20px;font-size:12.5px;line-height:1.5}.login-screen .login-note b{color:var(--ink-2);font-weight:600}.login-screen .devbox{border:1px dashed var(--line);border-radius:var(--r-sm);color:var(--muted);margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.6}.login-screen .devbox b{color:var(--ink-2);font-weight:600}@media (max-width:820px){.login-screen{grid-template-columns:1fr}.login-screen .art{display:none}.login-screen .lc-logo{align-items:center;gap:9px;margin-bottom:26px;display:flex}.login-screen .lc-logo .mk{width:auto;height:34px}.login-screen .lc-logo .wm{width:auto;height:20px}}
