.billing-workspace { min-height:100%; background:linear-gradient(#09080580,#090805bb),url('../Assets/Background Images/Login Screen Background/Luxury Black and Gold Geometric Background.png') center top/cover; }
.billing-content { max-width:1600px; margin:auto; padding:44px 28px; }
.billing-workspace .plans-intro { text-align:center; max-width:850px; margin:0 auto 40px; }
.billing-workspace .eyebrow { color:#f6d573; letter-spacing:2px; font-size:12px; font-weight:700; }
.billing-workspace .plans-intro h1 { font-size:clamp(36px,4vw,62px); margin:20px 0; }
.billing-workspace .plans-intro>p:not(.eyebrow) { color:#ded4c1; line-height:1.7; font-size:19px; }
.billing-workspace .trust { display:flex; justify-content:center; gap:24px; flex-wrap:wrap; color:#e5cd91; font-size:13px; margin-top:26px; }
.billing-workspace .trust span:before { content:'✓ '; color:#f5d36c; }
.billing-workspace .subscription-summary { padding:22px 28px; background:#19170ff5; border:1px solid #765c2b; border-radius:14px; margin-bottom:36px; }
.billing-workspace .subscription-summary h2 { font-size:18px; margin:0 0 10px; }
.billing-workspace .subscription-summary p { line-height:1.6; margin:0; }
.billing-workspace .summary-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:15px; }
.billing-workspace a { color:#ffdb75; }
.billing-workspace .plan-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:22px; align-items:stretch; }
.billing-workspace .plan-card { position:relative; display:flex; flex-direction:column; background:linear-gradient(145deg,#252014,#11100b 70%); border:1px solid #887035; border-radius:18px; padding:30px 22px; box-shadow:0 16px 35px #0006; }
.billing-workspace .plan-card.popular { border:2px solid #f1ca60; box-shadow:0 0 35px #d8a62c24; }
.billing-workspace .popular-label { position:absolute; top:-14px; left:50%; transform:translateX(-50%); white-space:nowrap; background:#f2ca60; color:#191208; padding:7px 15px; border-radius:20px; font-size:11px; font-weight:800; letter-spacing:1px; }
.billing-workspace .plan-tag { color:#e6c66e; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:14px; }
.billing-workspace .plan-card h2 { font-size:21px; line-height:1.3; min-height:82px; margin:0; }
.billing-workspace .plan-price { font-size:43px; font-weight:800; margin:20px 0 4px; color:#ffdf80; }
.billing-workspace .plan-period { font-size:13px; color:#d3c9b6; }
.billing-workspace .plan-copy { color:#d3c9b6; font-size:14px; line-height:1.65; min-height:92px; margin:24px 0 8px; }
.billing-workspace .plan-card ul { list-style:none; padding:0; margin:12px 0 30px; font-size:14px; line-height:1.6; }
.billing-workspace .plan-card li { padding:7px 0; display:flex; gap:9px; }
.billing-workspace .plan-card li:before { content:'✓'; color:#e6c66e; }
.billing-workspace .plan-select,.billing-workspace dialog button { border:1px solid #ffdf85; border-radius:9px; background:linear-gradient(#ffe480,#c7962d); color:#171207; font:inherit; font-weight:700; padding:15px 12px; width:100%; margin-top:auto; min-height:49px; cursor:pointer; box-shadow:inset 0 1px 0 #fff5,0 8px 24px #d8a62c24; }
.billing-workspace button:hover:not(:disabled) { filter:brightness(1.12); box-shadow:0 0 24px #efc65365; }
.billing-workspace button:disabled { opacity:.55; cursor:default; }
.billing-workspace .quiet { border:1px solid #806a3b; border-radius:8px; color:#f3d982; background:#19160f; padding:10px 16px; }
.billing-workspace .plan-note { text-align:center; color:#c4bba9; font-size:13px; line-height:1.7; max-width:900px; margin:28px auto; }
.billing-workspace #plans-error { padding:18px; background:#401813; border:1px solid #b85d45; border-radius:8px; }
.billing-workspace dialog { background:#1c1911; color:#f6f1e6; border:1px solid #dcb64e; border-radius:18px; padding:32px; max-width:520px; width:calc(100% - 32px); line-height:1.7; }
.billing-workspace dialog::backdrop { background:#000b; }
@media(max-width:600px) { .billing-content { padding:30px 18px; } .billing-workspace .plan-grid { grid-template-columns:1fr; } .billing-workspace .plan-card h2,.billing-workspace .plan-copy { min-height:0; } }