/* Elite Gold website pages (owner 2026-11-03): the public page and the Elite Gold-only sign-in, checkout and manage pages. */
.g-sec{padding:56px 0 72px}
.g-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.g-narrow{max-width:560px;margin:0 auto;padding:0 16px}
.g-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 140% at 85% -10%,#6b4f1d 0%,#2a1d08 42%,#0b0b0b 100%);padding:72px 0 64px}
.g-hero:after{content:"";position:absolute;inset:auto -10% -60% 40%;height:120%;background:radial-gradient(closest-side,#e9cd9640,transparent);pointer-events:none}
.g-eyebrow{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 Manrope,Cairo,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e9cd96}
.g-h1{font:800 clamp(34px,5vw,56px)/1.05 Manrope,Cairo,sans-serif;letter-spacing:-.03em;margin:14px 0 12px;background:linear-gradient(100deg,#fff 0%,#f6e3b8 40%,#e9cd96 60%,#fff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-intro{max-width:640px;font-size:18px;line-height:1.6;color:#e8e1d6;margin:0}
.g-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:36px 0 0;padding:0;list-style:none}
.g-benefit{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:20px;background:#ffffff0f;border:1px solid #e9cd9633}
.g-benefit b{display:block;font-size:17px;margin-bottom:4px}.g-benefit small{display:block;color:#d9d1c4;font-size:15px;line-height:1.5}
.g-ico{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#1b1406;background:linear-gradient(135deg,#f6e3b8,#c9a86b)}
.g-ico svg,.g-ico .icon{width:24px;height:24px}
.g-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.g-plan{position:relative;display:block;cursor:pointer;padding:22px 20px;border-radius:20px;background:#fff;border:2px solid #e6dccb;box-shadow:0 18px 40px -28px #3d2c0a66;transition:border-color .2s,transform .2s}
.g-plan:hover{transform:translateY(-2px)}
.g-plan input{position:absolute;opacity:0;pointer-events:none}
.g-plan:has(input:checked){border-color:#b08a45;box-shadow:0 0 0 4px #e9cd9655,0 18px 40px -24px #3d2c0a88}
.g-plan:has(input:focus-visible){outline:3px solid #b08a45;outline-offset:3px}
.g-plan-name{display:block;font-weight:800;font-size:16px;color:#3a2c12}
.g-plan-price{display:block;font:800 30px/1.1 Manrope,Cairo,sans-serif;color:#1d1608;margin-top:8px}
.g-plan-per{display:block;color:#6b6458;font-size:14px;margin-top:2px}
.g-free-tag{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:800;color:#3a2a07;background:linear-gradient(135deg,#f6e3b8,#d8b56f)}
.g-card{background:#fff;color:#1b1b1b;border-radius:24px;padding:28px 24px;box-shadow:0 30px 60px -40px #000a;border:1px solid #ece4d6}
.g-card h1,.g-card h2{margin:0 0 8px;font:800 26px/1.2 Manrope,Cairo,sans-serif}
.g-card p{line-height:1.6}
.g-field{display:block;margin:16px 0}
.g-field span{display:block;font-weight:700;margin-bottom:6px}
.g-field input{width:100%;box-sizing:border-box;min-height:52px;padding:12px 14px;border-radius:14px;border:1.5px solid #d6cbb8;font-size:18px;background:#fff;color:#111}
.g-field input:focus{outline:3px solid #e9cd96;border-color:#b08a45}
.g-code{letter-spacing:.4em;text-align:center;font-weight:800}
.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:12px 20px;border:0;border-radius:16px;cursor:pointer;font:800 17px Manrope,Cairo,sans-serif;color:#1d1406;background:linear-gradient(135deg,#f6e3b8 0%,#d9b46a 55%,#a47e3c 100%);box-shadow:0 18px 36px -18px #a47e3ccc,inset 0 1px 0 #ffffff99;text-decoration:none}
.g-btn:hover{filter:brightness(1.04)}
.g-btn.ghost{background:#fff;color:#3a2c12;border:1.5px solid #d6cbb8;box-shadow:none}
.g-btn.danger{background:#fff;color:#a6192e;border:1.5px solid #e7b4bd;box-shadow:none}
.g-btn .icon{width:20px;height:20px}
.g-hero .g-btn{width:auto}
.g-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.g-note{color:#5f584c;font-size:15px;margin:12px 0 0}
.g-hero .g-note{color:#d9d1c4}
.g-notice{padding:12px 14px;border-radius:14px;background:#f6efe1;color:#3a2c12;margin:0 0 16px}
.g-error{padding:12px 14px;border-radius:14px;background:#fbe9ec;color:#7d1022;margin:0 0 16px}
.g-status{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#a47e3c,#5e4519)}
.g-status b{display:block;font-size:20px}.g-status small{display:block;color:#f6ead2;font-size:15px}
.g-rows{list-style:none;margin:18px 0 0;padding:0}
.g-rows li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee5d6}
.g-rows li span{color:#5f584c}
.g-link{background:none;border:0;padding:0;color:#7a5a20;font-weight:700;text-decoration:underline;cursor:pointer;font-size:15px}
.g-band{margin:0 auto;max-width:1080px;padding:0 16px}
.g-band-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 26px;border-radius:24px;color:#fff;background:radial-gradient(120% 160% at 90% 0%,#6b4f1d,#1d1407 60%,#0b0b0b)}
.g-band-in h2{margin:0 0 6px;font:800 26px/1.2 Manrope,Cairo,sans-serif;color:#f6e3b8}
.g-band-in p{margin:0;color:#e3dacb;max-width:620px}
.g-band-in .g-btn{width:auto}
.g-test{border:2px dashed #b08a45}
@media (max-width:760px){.g-benefits{grid-template-columns:1fr}.g-plans{grid-template-columns:1fr}.g-hero{padding:48px 0 44px}.g-sec{padding:36px 0 56px}}

/* Owner 2026-11-04 (layout check): the gradient title keeps its descenders (g, y) inside its painted box; the three
   benefits stack below 980 px instead of three narrow cards of different heights. */
.g-h1{padding:.12em 0 .2em;margin-top:8px;margin-bottom:4px}
/* Arabic (Cairo) needs a taller line and more room for its descenders under the gradient fill. */
[dir=rtl] .g-h1,.g-h1:lang(ar){line-height:1.35;padding-bottom:.3em}
@media (max-width:980px){.g-benefits{grid-template-columns:1fr}}