.account-page{background:radial-gradient(ellipse 65% 350px at 50% 0,#68428c15,transparent 80%)}
.account-shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.account-heading{position:relative;padding:52px 0 55px;text-align:center;border-bottom:1px solid var(--border);isolation:isolate}
.account-heading::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09070fee,#09070fc9),url('/assets/aurora.png') center 50%/cover;opacity:.65;pointer-events:none}
.account-heading h1{font-size:clamp(42px,5vw,62px);font-weight:550;line-height:1.2;letter-spacing:-.06em;margin-bottom:24px}
.account-heading h1>span{color:var(--mint)}
.account-heading p{font-size:16px;line-height:1.8;max-width:850px;margin:auto}
.account-auth{padding-block:78px 84px;min-height:310px}
.account-auth h2{font-size:clamp(28px,3.5vw,39px);font-weight:550;line-height:1.3;letter-spacing:-.045em;margin-bottom:16px}
.account-auth p{font-size:16px;line-height:1.8}
.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px}
.account-quiet-link{font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.account-quiet-link:hover{color:var(--text)}
.account-dashboard{padding-top:28px;padding-bottom:55px}
.account-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px;color:var(--muted)}
.account-preview-bar>span{display:inline-flex;align-items:center;gap:8px}
.account-preview-bar i{width:5px;height:5px;border-radius:50%;background:var(--mint)}
.account-preview-bar a{font-size:12px}
.account-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:4px 0 17px;border-bottom:1px solid var(--border);margin:0}
.account-tabs>button{display:inline-flex;align-items:center;gap:9px;flex:none;white-space:nowrap;padding:9px 16px;min-height:40px;border:1px solid var(--border);border-radius:30px;font-size:14px;line-height:1.4;font-weight:500;background:transparent;color:var(--muted)}
.account-tabs>button:hover{border-color:#827690;color:var(--text)}
.account-tabs>button[aria-selected="true"]{color:#102018;background:var(--mint);border-color:var(--mint)}
.account-tabs small{font-size:12px;opacity:.75}
.account-panel{padding-top:34px;min-height:370px}
.account-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-surface{border:1px solid var(--border);border-radius:9px;background:#131019;padding:29px;min-width:0}
.account-label,.account-field-label{display:block;color:var(--muted);font-size:12px;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}
.account-identity{font-size:24px;line-height:1.4;font-weight:500;margin:9px 0 25px;letter-spacing:-.04em}
.account-facts{margin:0;display:grid;gap:13px}
.account-facts>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding-bottom:13px;font-size:14px;line-height:1.7}
.account-facts>div:last-child{border-bottom:0}
.account-facts dt{color:var(--muted);flex-shrink:0}
.account-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}
.account-inline-link,.account-inline-button{font:inherit;color:var(--mint);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;display:inline;line-height:inherit}
.account-inline-link .icon,.account-inline-button .icon{width:16px;height:16px;margin-left:3px}
.account-inline-link:hover,.account-inline-button:hover{color:var(--text)}
.account-note{font-size:13px;line-height:1.85;color:var(--muted);margin-top:18px}
.account-balance-panel{background:radial-gradient(ellipse at 100% 0,#9c73bd1b,transparent 70%),#131019;border-color:#625275;display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.account-credit-value{font-size:60px;font-weight:500;line-height:1.2;letter-spacing:-.06em;display:block;margin-top:9px}
.account-usage-value{display:block;font-size:32px;font-weight:500;line-height:1.4;letter-spacing:-.04em;margin-top:5px}
.account-unit{display:block;color:var(--muted);font-size:14px}
.account-balance-panel .account-actions{margin-top:auto}
.account-section>h2{font-size:32px;font-weight:550;line-height:1.3;letter-spacing:-.045em;margin-bottom:15px}
.account-lede{font-size:16px;line-height:1.85;margin-bottom:25px;max-width:880px}
.account-topup-panel{max-width:820px}
.account-surface label{display:block;font-size:14px;color:var(--muted);margin-bottom:11px}
.account-surface input,.account-surface select,.account-coin-popover input{color:var(--text);background:#0e0b13;border:1px solid #38303f;border-radius:6px;min-height:45px;font-size:14px;line-height:1.5;padding:10px 13px;width:100%}
.account-surface input::placeholder,.account-coin-popover input::placeholder{color:#81798c}
.account-amount-presets,.account-coin-chips,.account-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.account-chip{border:1px solid var(--border);border-radius:30px;display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:9px 16px;min-height:40px;background:transparent;color:var(--muted);font-size:14px;line-height:1.4;white-space:nowrap}
.account-chip:hover{color:var(--text);border-color:#847291}
.account-chip[aria-pressed="true"]{background:#a8efb615;border-color:#a8efb68c;color:var(--mint)}
.account-chip>span{font-size:12px;opacity:.8}
.account-chip .crypto-logo{width:21px;height:21px;flex-shrink:0}
.account-custom-amount{margin-top:18px;border:1px solid #38303f;border-radius:6px;display:flex;align-items:center;gap:12px;padding-inline:14px;max-width:265px;background:#0e0b13;font-size:14px;color:var(--muted)}
.account-custom-amount input{min-width:0;padding-inline:0;border:0;background:none;font-size:16px}
.account-custom-amount input:focus-visible{outline-offset:0}
.account-topup-panel #account-amount-help{margin-top:9px;margin-bottom:26px}
.account-topup-panel>.account-field-label{font-size:14px;letter-spacing:0;text-transform:none;margin-bottom:12px}
.account-coin-chips{margin-bottom:25px}
.account-more-coins{position:relative}
.account-more-coins summary{list-style:none;cursor:pointer}
.account-more-coins summary::-webkit-details-marker{display:none}
.account-more-coins summary .icon{width:14px;height:14px}
.account-coin-popover{position:absolute;z-index:10;top:calc(100% + 9px);right:0;width:285px;max-width:calc(100vw - 50px);padding:13px;border:1px solid #5d4d6d;border-radius:9px;background:#18131f;box-shadow:0 15px 40px #0009}
.account-coin-popover input{margin-bottom:9px}
#account-coin-list{max-height:280px;overflow:auto}
.account-coin-option{display:flex;align-items:center;gap:11px;text-align:left;padding:12px 8px;width:100%;background:none;border-radius:5px}
.account-coin-option:hover{background:#ffffff08}
.account-coin-option[aria-pressed="true"]{color:var(--mint)}
.account-coin-option>span{flex:1}
.account-coin-option strong{display:block;font-size:14px;font-weight:500}
.account-coin-option small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.account-coin-option .icon{width:15px;height:15px}
.account-topup-panel select{max-width:365px}
.account-topup-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--border);padding:20px 0;margin-block:26px;font-size:14px}
.account-topup-summary>span{color:var(--muted)}
.account-topup-summary strong{color:var(--mint);font-weight:500}
.account-filters{margin-block:23px}
.account-empty{border-top:1px solid var(--border);padding:26px 0 18px;min-height:110px}
.account-empty p{font-size:16px;line-height:1.85}
.account-empty>.text-link{margin-top:13px}
.account-wallet-panel{max-width:800px}
.account-wallet-heading{display:flex;align-items:center;gap:13px;font-size:19px;margin-bottom:27px}
.account-wallet-heading .icon{width:24px;height:24px;color:var(--mint)}
.account-wallet-panel>p:not(.account-note){font-size:16px;line-height:1.85;margin-top:23px}
.account-chat-actions{margin-block:25px 34px}
.account-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;color:var(--muted);margin-bottom:15px}
.account-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.account-form-fields label>span{font-size:12px;color:var(--faint);margin-left:6px}
.account-api>form{max-width:870px}
.account-api>form>.button{margin-top:22px}
.account-api>form>.account-note:last-child{margin-top:14px}
.account-key-empty{margin-block:21px 29px}
.account-api-guide{max-width:870px}
.account-api-guide h3{font-size:24px;font-weight:500;line-height:1.4;margin-bottom:13px}
.account-api-guide>p{font-size:16px;line-height:1.8}
.account-api-guide>p.account-note{font-size:13px}
.account-code-label{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffff04;border:1px solid var(--border);border-bottom:0;border-radius:6px 6px 0 0;padding:12px 16px;font-size:12px;color:var(--muted);margin-top:22px}
.account-code-label .account-inline-button{font-size:12px}
.account-api-guide pre{font:13px/1.85 var(--mono);margin:0;border:1px solid var(--border);border-radius:0 0 6px 6px;padding:19px;background:#0b0910;overflow:auto;tab-size:2;color:#c9c2d6}
.account-closing{text-align:center;border-top:1px solid var(--border);padding-block:62px 72px;background:radial-gradient(ellipse at 50% 70%,#68438c15,transparent 65%)}
.account-closing h2{font-size:clamp(36px,5vw,58px);line-height:1.2;font-weight:550;letter-spacing:-.05em;margin-bottom:20px}
.account-closing p{font-size:16px;margin-bottom:26px}
@media(max-width:900px){.account-profile-grid{grid-template-columns:1fr 1fr;gap:15px}.account-surface{padding:23px}.account-facts>div{flex-direction:column;gap:5px}.account-facts dd{text-align:left}.account-tabs>button{padding-inline:13px}.account-coin-popover{right:auto;left:0}}
@media(max-width:700px){.account-shell{width:calc(100% - 40px)}.account-heading{padding-block:34px 37px}.account-heading h1{font-size:44px;margin-bottom:20px}.account-auth{padding-block:49px 56px;min-height:285px}.account-auth h2{font-size:30px}.account-dashboard{padding-top:23px;padding-bottom:38px}.account-panel{padding-top:27px}.account-profile-grid{grid-template-columns:1fr}.account-surface{padding:25px}.account-facts>div{flex-direction:row;gap:16px}.account-facts dd{text-align:right}.account-balance-panel{gap:23px}.account-balance-panel .account-actions{margin-top:0}.account-credit-value{font-size:52px}.account-section>h2{font-size:29px}.account-tabs{padding-bottom:15px}.account-tabs>button{font-size:14px;padding:9px 14px}.account-form-fields{grid-template-columns:1fr;gap:20px}.account-closing{padding-block:49px 56px}.account-closing h2{font-size:41px}.account-coin-popover{position:fixed;left:20px;right:20px;top:25%;width:auto;max-width:none}.account-coin-chips{gap:8px}.account-chip{padding:9px 13px}.account-chat-heading{flex-wrap:wrap}}
@media(max-width:440px){.account-heading h1{font-size:39px}.account-heading p{font-size:15px}.account-surface{padding:20px}.account-tabs{margin-right:-20px;padding-right:20px}.account-facts>div{font-size:13px;gap:12px}.account-identity{font-size:22px}.account-actions{gap:12px}.account-actions .button{font-size:13px;padding-inline:14px}.account-actions .text-link{font-size:13px}.account-section>h2{font-size:28px}.account-chip{font-size:14px;padding-inline:12px}.account-amount-presets{gap:7px}.account-amount-presets .account-chip{padding-inline:11px}.account-coin-chip{min-width:82px}.account-topup-summary{font-size:13px;gap:10px}.account-topup-summary strong{white-space:nowrap}.account-coin-popover{position:fixed;left:20px;right:20px;top:25%;width:auto;max-width:none}.account-api-guide pre{font-size:12px;padding:15px}.account-closing h2{font-size:36px}}
