.account-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:#080705cf;backdrop-filter:blur(10px);animation:aoi-backdrop-in .24s ease-out;overflow-y:auto}
.account-dialog{position:relative;box-sizing:border-box;width:min(460px,100%);max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid #b99a5c55;border-radius:24px;background:radial-gradient(ellipse at 0 0,#9b733323,transparent 55%),linear-gradient(145deg,#1b1812,#100f0c);color:#f1e7d5;box-shadow:inset 0 1px 0 #efd39b12,0 30px 100px #000b;font-family:Arial,sans-serif;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8a7043 #211d16;animation:aoi-dialog-in .32s cubic-bezier(.16,1,.3,1)}
dialog.account-dialog{position:fixed;inset:0;z-index:9999;margin:auto}
.account-dialog::backdrop{background:#080705cf;backdrop-filter:blur(10px);animation:aoi-backdrop-in .24s ease-out}.account-dialog[open]{animation:aoi-dialog-in .32s cubic-bezier(.16,1,.3,1)}.account-dialog.is-closing::backdrop{animation:aoi-backdrop-out .16s ease-in forwards}.account-dialog *{box-sizing:border-box}.account-dialog button{font-family:inherit;cursor:pointer}.account-dialog svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.account-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.account-brand{display:flex;align-items:center;gap:12px}.account-emblem{display:grid;place-items:center;width:52px;height:58px;border:1px solid #b99a5c30;border-radius:16px;background:#d8b67607}.account-brand img{width:38px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px #0007)}.account-wordmark{display:grid;gap:5px}.account-wordmark b{font-size:26px;font-weight:900;letter-spacing:2px;color:#e1c58e}.account-wordmark span{font-size:7px;font-weight:700;letter-spacing:1.5px;color:#a4906c}.account-close{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;padding:0;border:1px solid #b99a5c22;border-radius:50%;background:#d8b67605;color:#a99a80;font-size:26px;line-height:1}.account-close:hover{color:#efd39b;background:#d8b67618;transform:rotate(90deg)}
.account-intro{margin-bottom:22px}.account-eyebrow{font-size:8px;font-weight:700;letter-spacing:2px;color:#b69a64}.account-intro h2{font:400 clamp(27px,5vw,33px)/1.15 Georgia,serif;letter-spacing:-.5px;color:#f1e3c6;margin:10px 0}.account-intro p{font-size:12px;line-height:1.6;color:#ab9b80;margin:0}
.account-tabs{position:relative;display:flex;gap:4px;padding:4px;border:1px solid #b99a5c26;border-radius:13px;background:#0a0907a0;margin-bottom:18px;isolation:isolate}.account-tabs:before{content:'';position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 12px)/2);border-radius:9px;background:linear-gradient(120deg,#e3c990,#bb9657);box-shadow:0 2px 10px #0003;transition:transform .28s cubic-bezier(.16,1,.3,1)}.account-tabs[data-view=register]:before{transform:translateX(calc(100% + 4px))}.account-tabs button{flex:1;min-width:0;padding:12px 5px;border:0;border-radius:9px;background:none;color:#b2a38e;font-size:13px;font-weight:700;transition:color .2s}.account-tabs [aria-selected=true]{color:#21190d}
.account-telegram{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:12px;border:1px solid #b99a5c45;border-radius:11px;background:linear-gradient(120deg,#d8b67612,#d8b67605);color:#ddc28b;font-size:13px;font-weight:600}.account-telegram:hover{background:#d8b67618;border-color:#b99a5c88}.account-divider{display:flex;align-items:center;gap:12px;margin:19px 0;color:#92846c;font-size:10px}.account-divider:before,.account-divider:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#b99a5c30)}.account-divider:after{transform:rotate(180deg)}
.account-form{display:grid;gap:14px;margin:0}.account-field{min-width:0}.account-field label{display:block;font-size:11px;font-weight:500;color:#bdab89;margin-bottom:8px}.account-input-wrap{position:relative;display:flex;align-items:center;gap:10px;height:49px;padding:0 13px;border:1px solid #b99a5c30;border-radius:11px;background:#09080688;transition:border-color .2s,box-shadow .2s,background .2s}.account-input-wrap>svg{width:17px;height:17px;color:#8d7957}.account-input-wrap:focus-within{border-color:#d8b6769c;background:#0c0b09;box-shadow:0 0 0 3px #d8b6760b}.account-input-wrap:focus-within>svg{color:#dfc28a}.account-form input{width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:#f1e7d5;font-family:inherit;font-size:14px;outline:none!important;box-shadow:none}.account-form input::placeholder{color:#766c5a;opacity:1}.account-eye{display:grid;place-items:center;flex-shrink:0;width:32px;height:36px;margin-right:-6px;padding:6px;border:0;background:none;color:#9a8867;border-radius:7px}.account-eye:hover,.account-eye[aria-pressed=true]{color:#e1c58e;background:#d8b6760a}.account-eye svg{width:17px;height:17px}.account-input-wrap:has(input[aria-invalid=true]){border-color:#d38f6b99}.account-field-hint,.account-field-error{font-size:10px;line-height:1.5;margin:-8px 0 0;color:#968466}.account-field-error{color:#e2a17d}.account-forgot{justify-self:end;padding:0;border:0;background:transparent;color:#bfa26b;font-size:10px;margin-top:-4px}.account-forgot:hover{color:#efd39b}.account-submit{position:relative;overflow:hidden;width:100%;min-height:49px;padding:13px;border:1px solid #e7ce9444;border-radius:11px;background:linear-gradient(120deg,#e7ce98,#bf9a59);box-shadow:0 5px 22px #b0873617,inset 0 1px 0 #fff3;color:#241b0c;font-size:14px;font-weight:700;margin-top:3px}.account-submit:hover{filter:brightness(1.08);box-shadow:0 7px 25px #b0873628}.account-submit:active{transform:scale(.985)}
.account-preview{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;color:#9a896c;font-size:10px;line-height:1.5;margin:16px 0 0}.account-preview>span{width:5px;height:5px;border-radius:50%;background:#bfa26b;box-shadow:0 0 8px #bfa26b44}.account-status{padding:12px;margin:14px 0 0;border:1px solid #b99a5c33;border-radius:10px;background:#d8b67608;color:#d6c39f;font-size:12px;line-height:1.6;animation:aoi-panel-in .22s ease-out}.account-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding-top:15px;border-top:1px solid #b99a5c1a}.account-bottom>span{font:italic 11px Georgia,serif;color:#897b63}.account-history{padding:0;border:0;background:none;color:#b49a68;font-size:10px}.account-history:hover{color:#e4c995}.account-dialog [hidden]{display:none!important}.account-dialog [role=tabpanel]:not([hidden]){animation:aoi-panel-in .25s cubic-bezier(.16,1,.3,1)}.account-dialog button{transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s,filter .2s}.account-dialog button:focus-visible{outline:2px solid #e7bc70;outline-offset:3px}
@keyframes aoi-dialog-in{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aoi-panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes aoi-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes aoi-backdrop-out{to{opacity:0}}
@media(max-width:420px){.account-dialog{padding:22px;border-radius:21px}.account-heading{margin-bottom:22px}.account-intro h2{font-size:28px}.account-wordmark span{font-size:6px}.account-bottom{gap:7px}.account-bottom>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.account-dialog,.account-dialog::backdrop,.account-dialog *{animation:none!important;transition:none!important}}