.login-modal-overlay{opacity:0;visibility:hidden;pointer-events:none;z-index:5000;justify-content:center;align-items:center;padding:20px;transition:opacity .18s,visibility .18s;display:flex;position:fixed;inset:0}.login-modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.login-modal-backdrop{-webkit-backdrop-filter:blur(3px);background:#000000c7;position:absolute;inset:0}.login-modal-card{background:#181818;border:1px solid #343434;border-radius:17px;width:100%;max-width:445px;max-height:calc(100vh - 30px);padding:34px 32px 30px;transition:transform .18s;position:relative;overflow-y:auto;transform:translateY(12px)scale(.985);box-shadow:0 30px 100px #000000bf}.login-modal-overlay.is-open .login-modal-card{transform:translateY(0)scale(1)}.login-modal-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .15s,transform .1s;display:flex;position:absolute;top:14px;right:14px}.login-modal-close:hover{background:#2b2b2b}.login-modal-close:active{transform:scale(.93)}.login-modal-close svg{width:23px;height:23px}.login-modal-brand{justify-content:center;align-items:center;gap:10px;margin:5px 40px 23px;display:flex}.login-modal-brand-mark{background:var(--accent);border-radius:11px;flex:0 0 43px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.login-modal-brand-mark svg{fill:#fff;width:25px;height:25px}.login-modal-brand-name{color:#fff;letter-spacing:-.5px;font-size:25px;font-weight:800}.login-modal-header{text-align:center;margin-bottom:27px}.login-modal-title{color:#fff;margin:0;font-size:27px;font-weight:800;line-height:1.2}.login-modal-subtitle{color:#b4b4b4;margin:8px 0 0;font-size:14px}.login-modal-message{color:#ff9b9b;background:#ff003314;border:1px solid #ff003352;border-radius:9px;margin-bottom:18px;padding:11px 13px;font-size:13px;line-height:1.4}.login-modal-field{margin-bottom:18px}.login-modal-label{color:#ddd;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.login-modal-input{box-sizing:border-box;color:#fff;background:#101010;border:1px solid #3b3b3b;border-radius:9px;outline:none;width:100%;height:49px;padding:0 14px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.login-modal-input::placeholder{color:#777}.login-modal-input:hover{border-color:#505050}.login-modal-input:focus{border-color:var(--accent);background:#121212;box-shadow:0 0 0 3px #ff00331c}.login-modal-password{position:relative}.login-modal-password-input{padding-right:54px}.login-modal-password-toggle{color:#969696;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.login-modal-password-toggle:hover{color:#fff;background:#252525}.login-modal-password-toggle svg{width:20px;height:20px}.login-modal-options{justify-content:space-between;align-items:center;gap:14px;margin:2px 0 22px;display:flex}.login-modal-remember{color:#b8b8b8;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.login-modal-remember input{width:16px;height:16px;accent-color:var(--accent);margin:0}.login-modal-forgot{color:#b8b8b8;font-size:13px;font-weight:600}.login-modal-forgot:hover{color:#fff}.login-modal-submit{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;width:100%;height:49px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:800;transition:background .2s,opacity .2s,transform .1s;display:flex}.login-modal-submit:hover{background:var(--accent-hover)}.login-modal-submit:active{transform:scale(.99)}.login-modal-submit:disabled{opacity:.65;cursor:wait}.login-modal-register{color:#b8b8b8;border-top:1px solid #303030;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:26px;padding-top:23px;font-size:13px;display:flex}.login-modal-register a{color:var(--accent);font-weight:800}.login-modal-register a:hover{color:#fff}body.login-modal-open{overflow:hidden}@media (width<=520px){.login-modal-overlay{padding:8px}.login-modal-card{border-radius:15px;max-height:calc(100vh - 16px);padding:31px 20px 25px}.login-modal-close{top:10px;right:10px}.login-modal-brand{margin-bottom:21px}.login-modal-brand-mark{flex-basis:40px;width:40px;height:40px}.login-modal-brand-name{font-size:22px}.login-modal-title{font-size:24px}.login-modal-input{font-size:16px}.login-modal-options{align-items:flex-start}}