@charset "UTF-8";
.account-page { --account-pink:#f9a3cc; --account-text:#f6eaf1; --account-muted:#a99aa5; --account-line:#48323e; margin:0; min-width:320px; min-height:100dvh; background:#151215; color:var(--account-text); font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
.account-page * { box-sizing:border-box; }
.account-page a { color:inherit; text-decoration:none; }
.account-page button,.account-page input { font:inherit; }
.account-page button,.account-page a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.account-page button { cursor:pointer; }
.account-page button:disabled { cursor:not-allowed; opacity:.48; }
.account-page :focus-visible { outline:2px solid #ffb5da; outline-offset:4px; }
.account-page [hidden] { display:none !important; }
.account-header { max-width:1160px; margin:auto; padding:30px 42px; display:flex; justify-content:space-between; align-items:center; }
.account-brand { display:flex; align-items:center; gap:9px; font-size:23px; font-weight:800; letter-spacing:-.7px; }
.account-brand > span { color:var(--account-pink); font-size:31px; }
.account-brand small { margin-left:12px; padding-left:17px; border-left:1px solid var(--account-line); color:#8f7e89; font-size:9px; font-weight:500; letter-spacing:2.5px; }
.account-home { color:#c2acba !important; font-size:12px; }
.account-home span { margin-left:12px; color:#f4acd0; }
.account-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,450px); gap:90px; max-width:1076px; min-height:650px; margin:22px auto 50px; padding:0 42px; align-items:center; }
.account-story { min-width:0; padding-bottom:12px; }
.account-kicker { display:block; margin-bottom:22px; font-size:10px; font-weight:600; color:#ca7da6; letter-spacing:3.5px; }
.account-story h1 { margin:0 0 23px; font-size:clamp(32px,3.4vw,46px); font-weight:500; line-height:1.5; letter-spacing:2px; }
.account-story > p { margin:0; color:var(--account-muted); font-size:14px; line-height:1.95; letter-spacing:.6px; }
.account-art { position:relative; width:100%; max-width:360px; height:265px; margin:17px 0 8px; overflow:hidden; }
.art-orbit { position:absolute; left:38px; top:45px; width:258px; height:153px; border:1px solid #be76a03b; border-radius:50%; transform:rotate(-26deg); }
.orbit-two { transform:rotate(32deg); border-color:#be76a02b; }
.art-spark { position:absolute; left:110px; top:15px; color:#e69abb; font-size:150px; line-height:210px; text-shadow:0 0 70px #cb559958; transform:rotate(12deg); }
.art-label { position:absolute; padding:8px 13px; border:1px solid #b77b963b; background:#281c25e6; border-radius:30px; color:#d8abc5; font-size:10px; letter-spacing:.7px; }
.label-one { top:54px; left:2px; transform:rotate(-6deg); }
.label-two { bottom:37px; right:1px; font-size:8px; transform:rotate(6deg); }
.account-story-foot { display:flex; gap:9px; align-items:center; color:#8f7d89; font-size:11px; }
.account-dot { width:5px; height:5px; border-radius:50%; background:#dc92b9; box-shadow:0 0 10px #e896c077; }
.account-card { position:relative; padding:34px; border:1px solid #5c3a4b77; border-radius:20px; background:linear-gradient(155deg,#30222bd9,#211b20 62%); box-shadow:0 20px 80px #0003; }
.account-card::before { position:absolute; content:""; top:-1px; left:15%; width:70%; height:1px; background:linear-gradient(90deg,transparent,#d49dbba6,transparent); }
.account-card h2 { margin:0 0 8px; font-weight:600; font-size:26px; letter-spacing:.5px; }
.account-description { margin:0 0 22px; color:var(--account-muted); font-size:12px; line-height:1.8; }
.account-tabs { display:flex; gap:5px; margin:0 0 28px; padding:4px; border:1px solid #573d4c60; border-radius:9px; background:#14111570; }
.account-tabs a { flex:1; padding:9px; border-radius:6px; text-align:center; font-size:12px; color:#998590; }
.account-tabs a[aria-current="page"] { color:#f4d8e8; background:#49303e; box-shadow:0 1px 5px #0002; }
.account-steps { display:flex; gap:5px; margin:0 0 20px; padding:0; list-style:none; color:#ae859e; font-size:10px; }
.account-steps li { flex:1; padding:8px 0; border-top:2px solid #664352; }
.account-steps b { color:#e7acce; margin-right:5px; font-weight:500; }
.account-field { margin:0 0 17px; }
.account-field label { display:block; margin:0 0 7px; color:#ddc8d5; font-size:12px; }
.account-field input { width:100%; min-width:0; height:46px; padding:11px 13px; border:1px solid #503a47; border-radius:8px; background:#181418; color:#f6eaf1; outline:0; transition:border-color .2s; }
.account-field input:focus { border-color:#cf91b3; box-shadow:0 0 0 3px #b8789d16; }
.account-field input::placeholder { color:#7c6876; font-size:12px; }
.account-field input:user-invalid { border-color:#d67c8e; }
.account-field small { display:block; margin-top:6px; color:#97818e; font-size:10px; }
.account-code-row { display:flex; gap:8px; }
.account-code-row input { flex:1; width:0; letter-spacing:3px; }
.account-code-button { flex-shrink:0; min-width:108px; padding:0 12px; border:1px solid #80566d; border-radius:8px; color:#e8b8d3; background:#382530; font-size:11px !important; }
.account-password-row { position:relative; }
.account-password-row input { padding-right:63px; }
.account-reveal { position:absolute; top:5px; right:5px; height:36px; padding:0 10px; border:0; background:transparent; color:#b195a6; font-size:11px !important; }
.account-submit,.account-primary-link { display:block; width:100%; min-height:46px; padding:12px 16px; border:0; border-radius:8px; background:linear-gradient(105deg,#ffc2df,#f59fc7); color:#422035 !important; font-size:13px !important; font-weight:600; text-align:center; }
.account-submit:hover,.account-primary-link:hover { filter:brightness(1.04); }
.account-status { margin:0 0 16px; padding:11px 13px; border:1px solid #8d596d55; border-radius:8px; background:#5f334333; color:#edb8c9; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.account-status:empty { display:none; }
.account-status[data-tone="success"] { border-color:#619f834a; background:#37664922; color:#b5d6c1; }
.account-status[data-tone="info"] { color:#c7b7c4; border-color:#8e72862b; background:#8e728610; }
.account-links { display:flex; justify-content:space-between; gap:12px; margin-top:18px; color:#c59ab3; font-size:11px; }
.account-links a:hover,.account-home:hover,.account-footer a:hover { color:#f4bddb !important; }
.account-fine { margin:20px 0 0; padding-top:17px; border-top:1px solid #d4a3bf13; text-align:center; font-size:10px; color:#927d8b; line-height:1.8; }
.account-security { display:inline-flex; align-items:center; gap:7px; color:#b18c9f; }
.account-security::before { content:"✓"; display:inline-flex; justify-content:center; align-items:center; width:14px; height:16px; border:1px solid #966e84; border-radius:4px 4px 7px 7px; font-size:8px; }
.account-success-icon { display:flex; justify-content:center; align-items:center; width:53px; height:53px; margin-bottom:18px; border:1px solid #94627a; border-radius:15px; background:#543649; color:#ffc5e2; font-size:26px; }
.account-session-info { margin:20px 0; padding:15px; border:1px solid #67475860; border-radius:9px; background:#191419; }
.account-session-info strong { display:block; color:#f1d8e6; font-size:14px; overflow-wrap:anywhere; }
.account-session-info p { margin:5px 0 0; color:#b19aa8; font-size:12px; overflow-wrap:anywhere; }
.account-verified { display:inline-block; margin-top:10px; padding:3px 8px; border:1px solid #68997e50; border-radius:5px; color:#a9cdb7; font-size:10px; }
.account-secondary { width:100%; margin-top:10px; padding:11px; border:1px solid #684958; border-radius:8px; background:#30232b; color:#d5afc6; font-size:12px !important; }
.account-footer { display:flex; justify-content:space-between; gap:20px; max-width:1160px; margin:auto; padding:15px 42px 25px; color:#7e6877; font-size:10px; letter-spacing:.4px; }
.account-loading { padding:55px 5px; text-align:center; color:#b69aaa; }
.account-noscript { margin:20px auto; padding:20px; text-align:center; }
.account-inline-actions { display:flex; justify-content:center; gap:10px; margin:16px 0 20px; }
.account-inline-actions > a { font-size:12px; }
.account-email { overflow-wrap:anywhere; }
.account-warning { margin:14px 12px; padding:12px 14px; border:1px solid #705067; border-radius:8px; background:#3b2934; color:#e0bfd1; font-size:12px; line-height:1.8; }
.account-empty-note { color:#aa8d9e; text-align:center; padding:20px; font-size:12px; }
.account-review-status { display:inline-block; padding:3px 8px; margin-top:6px; background:#69503540; color:#e8c18e; font-size:10px; border-radius:5px; }
.account-review-status.approved { color:#add2b7; background:#37554155; }
@media(max-width:900px) { .account-layout { gap:40px; } .account-card { padding:28px; } .account-story h1 { font-size:34px; } }
@media(max-width:700px) { .account-header { padding:22px 24px; } .account-brand { font-size:21px; } .account-brand small { font-size:8px; margin-left:3px; padding-left:11px; } .account-layout { display:block; max-width:485px; min-height:0; margin:13px auto 28px; padding:0 22px; } .account-story { padding:0 4px 24px; } .account-kicker { margin-bottom:9px; font-size:8px; letter-spacing:2.7px; } .account-story h1 { margin:0; font-size:24px; letter-spacing:.9px; } .account-story h1 br { display:none; } .account-story > p { margin-top:10px; font-size:11px; } .account-story > p br { display:none; } .account-art,.account-story-foot { display:none; } .account-card { padding:27px 23px; border-radius:16px; } .account-card h2 { font-size:24px; } .account-tabs { margin-bottom:23px; } .account-footer { max-width:485px; padding:10px 24px 28px; } }
@media(prefers-reduced-motion:reduce) { .account-page * { transition:none !important; } }