@font-face{font-family:MaUicon;src:url('./assets/ma-uicon.woff') format('woff');font-display:block}@font-face{font-family:MaFooterIcon;src:url('./assets/ma-footer-iconfont.woff2') format('woff2');font-display:block}
:root{--page:#151721;--panel:#181a21;--divider:#26282f;--gold:#c4a35c;--gold-dark:#a27d39;--gold-light:#d8bd7f;--text:#f3eff6;--muted:#c2bbc6;--inactive:#a09f9d;--placeholder:#8c8c8c;--error:#ff7a7a}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--page);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Microsoft YaHei",sans-serif;color:var(--text)}button,input{font:inherit;border:0;outline:0}a{text-decoration:none;color:inherit}.uicon{font-family:MaUicon!important}.footer-icon{font-family:MaFooterIcon!important}.auth-page{position:fixed;inset:0;background:var(--page)}.auth-drawer{position:absolute;left:50%;top:50%;width:519px;height:471px;max-height:100dvh;transform:translate(-50%,-50%);background:var(--panel);color:var(--muted);overflow:auto;transition:height .18s ease}.auth-drawer.is-register{height:531px}.close{position:absolute;left:20px;top:20px;width:24px;height:24px;color:#fff;font-size:16px;line-height:24px}.tabs{position:absolute;left:50%;top:60px;width:150px;height:20px;transform:translateX(-50%);display:flex}.tab{width:75px;height:20px;background:transparent;color:var(--inactive);font-size:16px;cursor:pointer}.tab.active{color:var(--gold)}.panel{position:absolute;top:110px;left:40px;width:439px}.panel[hidden]{display:none}.input-box{width:100%;padding:15px 20px 20px}.login-inputs{height:177px}.register-inputs{height:237px}.field{position:relative;display:flex;align-items:center;width:100%;height:50px}.field+.field{margin-top:10px}.field:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--divider)}.field input{min-width:0;flex:1;height:46px;padding:0;background:transparent;color:var(--text);font-size:15px;font-weight:700}.field input::placeholder{color:var(--placeholder);font-size:17px;font-weight:400}.account-icon{width:16px;height:16px;margin-right:5px}.field-icon{width:21px;margin-right:4px;color:#4d484e;font-size:20px;text-align:center}.eye{width:25px;height:46px;background:transparent;color:#c0c4cc;font-size:20px;cursor:pointer}.form-row{height:22px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.check{position:relative;display:flex;align-items:center;gap:5px;height:22px;font-size:14px;cursor:pointer;white-space:nowrap}.check input{position:absolute;width:1px;height:1px;opacity:0}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #c8c9cc;border-radius:8px}.check-icon:after{content:"\e6a8";font-family:MaUicon;font-size:12px;color:transparent}.check input:checked+.check-icon{background:#1ac964;border-color:#1ac964}.check input:checked+.check-icon:after{color:#fff}.agreement{margin-top:10px}.form-message{position:absolute;left:20px;right:20px;margin:0;color:var(--error);font-size:12px;line-height:16px;min-height:16px;transform:translateY(-12px)}.form-message.success{color:#55d98b}.action-wrap{height:84px;padding:10px 20px 30px}.submit{display:block;width:100%;height:44px;border-radius:100px;background:linear-gradient(45deg,var(--gold-dark),var(--gold-light));color:#fff;font-size:15px;cursor:pointer}.submit.disabled,.submit:disabled{opacity:.5;cursor:not-allowed}.links{height:20px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:14px}.links a{width:85px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.links i{width:1px;height:15px;background:#34363f}.footer-icon{font-size:16px;color:#7f7a81}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.field:focus-within:after{background:var(--gold)}
@media(max-width:768px){.auth-drawer{left:0;top:15px;width:100%;height:297px;max-height:calc(100dvh - 15px);transform:none;overflow:hidden}.auth-drawer.is-register{height:357px}.close{right:11px;left:auto;top:0;height:18px}.tabs{top:0;height:18px}.tab{height:18px;font-size:14px}.panel{top:18px;left:0;width:100%}.field input{font-size:14px}.links{height:18px}}
@media(prefers-reduced-motion:reduce){.auth-drawer{transition:none}}