.account-page{color:#fff;background:#08080c;min-height:100vh;padding-top:72px}.account-hero{background:radial-gradient(circle at 80% 20%,#8c203f,#0000 32%),linear-gradient(120deg,#17111a,#08080c);justify-content:space-between;align-items:center;gap:30px;min-height:250px;padding:55px max(7vw,30px);display:flex}.account-hero p,.section-heading p{color:#ff4d72;letter-spacing:2px;margin:0;font-size:11px;font-weight:800}.account-hero h1{margin:12px 0 8px;font-size:42px}.account-hero span{color:#999}.member-badge{background:#ffffff0b;border:1px solid #ffffff18;border-radius:16px;min-width:260px;padding:24px}.member-badge.vip{background:linear-gradient(135deg,#8b5520,#2a1a0b);border-color:#e8b76055}.member-badge b,.member-badge small{display:block}.member-badge small{color:#bbb;margin-top:9px}.account-section{border-top:1px solid #ffffff0c;padding:45px max(7vw,30px)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading h2{margin:8px 0 0;font-size:27px}.section-heading>span{color:#777;font-size:13px}.plan-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.plan-grid article{background:#111117;border:1px solid #ffffff12;border-radius:14px;padding:24px}.plan-grid article:hover{border-color:#ff466d}.plan-grid small{color:#aaa}.plan-grid strong{margin:18px 0;font-size:38px;display:block}.plan-grid p{color:#777;min-height:36px;font-size:13px}.plan-grid button,.payment-submit{color:#17080d;cursor:pointer;background:linear-gradient(100deg,#ff2d63,#ff6543);border:0;border-radius:7px;width:100%;height:42px;font-weight:700}.plan-grid button:disabled,.payment-submit:disabled{cursor:not-allowed;opacity:.45}.account-message{color:#ff809b;background:#1c1921;border-radius:7px;padding:12px}.history-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.history-grid article{background:#111117;border-radius:10px;gap:14px;padding:12px;display:flex}.history-grid img{object-fit:cover;border-radius:6px;width:80px;height:106px}.history-grid h3{margin:8px 0;font-size:15px}.history-grid p,.history-grid small{color:#888;font-size:12px}.progress{background:#333;height:4px;margin:15px 0}.progress i{background:#ff3e68;height:100%;display:block}.order-list>div{color:#aaa;border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 100px 150px 170px 180px;gap:15px;padding:15px;display:grid}.order-list b{color:#fff}.order-list em{color:#f7ba55;font-style:normal}.order-list em.payment_submitted{color:#7bb8ff}.order-list em.paid{color:#58c77b}.order-list em.rejected{color:#ff809b}.order-note{grid-column:1/-1}.account-empty{color:#777;border:1px dashed #ffffff18;border-radius:10px;padding:35px}.account-empty a{color:#ff5276}.payment-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.payment-dialog{background:#15151b;border:1px solid #ffffff1c;border-radius:16px;width:min(100%,510px);max-height:calc(100vh - 48px);padding:28px;position:relative;overflow:auto;box-shadow:0 25px 90px #000}.payment-dialog>p{color:#ff5276;letter-spacing:2px;margin:0;font-size:10px;font-weight:800}.payment-dialog h2{margin:8px 36px 8px 0;font-size:24px}.payment-method{color:#aaa;margin-bottom:18px;font-size:13px;display:block}.payment-close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;width:30px;height:30px;font-size:21px;position:absolute;top:17px;right:17px}.payment-qr{object-fit:contain;background:#fff;border-radius:10px;width:min(230px,75vw);height:min(230px,75vw);margin:0 auto 20px;padding:8px;display:block}.payment-dialog ol{color:#bdbdc5;margin:0 0 20px;padding-left:20px;font-size:13px;line-height:1.6}.payment-dialog label{color:#c7c7cc;flex-direction:column;gap:7px;margin:12px 0;font-size:12px;font-weight:600;display:flex}.payment-dialog input{color:#fff;background:#09090d;border:1px solid #ffffff1c;border-radius:7px;outline:0;height:40px;padding:0 11px}.payment-dialog input:focus{border-color:#ff5276}.payment-disclaimer{color:#888;margin-top:12px;font-size:11px;line-height:1.45;display:block}@media (width<=800px){.account-page{padding-top:62px}.account-hero,.section-heading{flex-direction:column;align-items:flex-start}.account-hero h1{font-size:32px}.plan-grid{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:1fr}.order-list>div{grid-template-columns:1fr 1fr}.order-list small{grid-column:1/-1}}@media (width<=480px){.plan-grid{grid-template-columns:1fr}.payment-backdrop{padding:12px}.payment-dialog{max-height:calc(100vh - 24px);padding:22px}}