/*
 * Customer membership portal design.
 * Copyright (c) 2026 Frey Gabor. All rights reserved.
 * Developed by Frey Gabor - https://freygabor.com/
 * Licensed under GPL-2.0-or-later.
 */
.fgaem-portal{--purple:#6847dc;--ink:#241d36;--muted:#746d80;max-width:1180px;margin:26px auto;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.fgaem-portal *{box-sizing:border-box}.fgaem-portal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fgaem-portal-head small,.fgaem-login small{font-size:11px;letter-spacing:.18em;color:var(--purple);font-weight:800}.fgaem-portal h2{font-size:32px;margin:4px 0}.fgaem-portal h3{margin:5px 0 14px}.fgaem-portal p{color:var(--muted)}.fgaem-link{color:var(--purple);font-weight:700}.fgaem-hero-grid,.fgaem-content-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:18px;margin:18px 0}.fgaem-panel,.fgaem-member-card{background:#fff;border:1px solid #e7e1ef;border-radius:20px;padding:25px;box-shadow:0 10px 28px rgba(43,31,68,.08)}.fgaem-member-card{min-height:300px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,214,105,.28),transparent 35%),linear-gradient(135deg,#211343,#6342d0 65%,#392676)}.fgaem-member-card.is-gold{background:radial-gradient(circle at 85% 15%,rgba(255,229,134,.38),transparent 35%),linear-gradient(135deg,#25152d,#8a601c)}.fgaem-member-card.is-silver{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.25),transparent 35%),linear-gradient(135deg,#25293a,#707b95)}.fgaem-member-card.is-free{background:linear-gradient(135deg,#25223b,#514875)}.fgaem-member-card h3{font-size:24px;max-width:420px}.fgaem-member-card small,.fgaem-member-card label{display:block;letter-spacing:.14em;font-weight:800;font-size:11px;color:#f4d670}.fgaem-crown{position:absolute;right:28px;top:18px;font-size:54px;color:#ffd86e}.fgaem-code{display:flex;align-items:center;gap:8px;margin-top:7px}.fgaem-code code{background:rgba(255,255,255,.12);color:#fff;padding:11px 13px;border-radius:9px;letter-spacing:.08em}.fgaem-code button{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:10px;border-radius:8px}.fgaem-card-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:48px}.fgaem-card-bottom>span:nth-of-type(2){margin-right:auto;color:#ded6f3}.fgaem-panel-title{display:flex;gap:10px;align-items:center}.fgaem-panel-title>span{color:var(--purple);font-size:23px}.fgaem-button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:11px 16px;background:var(--purple);color:#fff!important;text-decoration:none;font-weight:750;cursor:pointer}.fgaem-button.gold{background:#f5c54d;color:#2d2540!important}.fgaem-button.paypal{background:#0a6abf}.fgaem-button.danger{background:#fee5e9;color:#952938!important;margin-left:7px}.fgaem-button.small{padding:7px 10px;font-size:12px}.fgaem-status{padding:5px 9px;border-radius:99px;background:#ede9f6;font-size:11px;font-weight:800}.fgaem-member-card .fgaem-status{background:rgba(255,255,255,.17)}.fgaem-stamps{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.fgaem-stamps span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#eeeaf5;color:#bab2ca}.fgaem-stamps span.earned{background:#6b48dd;color:#fff;box-shadow:0 5px 12px rgba(105,72,220,.25)}.fgaem-benefits{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.fgaem-benefits span{background:#f2eff8;color:#594f68;padding:6px 10px;border-radius:99px;font-size:11px}.fgaem-cycle{font-size:25px;color:var(--purple)}.fgaem-plans{display:grid;gap:8px}.fgaem-plan{border:1px solid #e7e1ee;border-radius:12px;padding:13px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:10px}.fgaem-plan.current{border-color:#7b5ce3;background:#f5f2ff}.fgaem-plan small{font-weight:800;color:#6852bb}.fgaem-table{overflow:auto}.fgaem-table table{width:100%;border-collapse:collapse}.fgaem-table th,.fgaem-table td{padding:12px;text-align:left;border-bottom:1px solid #eee9f3}.fgaem-table th{font-size:11px;text-transform:uppercase;color:#756d82}.fgaem-login-card{max-width:840px;margin:70px auto;display:grid;grid-template-columns:280px 1fr;border:1px solid #e6e0ee;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 20px 50px rgba(42,29,69,.13)}.fgaem-login-card>div:last-child{padding:48px}.fgaem-login-art{display:grid;place-items:center;background:radial-gradient(circle,#8061e7,#29164d);color:#ffd768}.fgaem-login-art span{font-size:110px}.fgaem-modal[hidden]{display:none}.fgaem-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center}.fgaem-backdrop{position:absolute;inset:0;background:rgba(20,12,37,.72)}.fgaem-dialog{position:relative;width:min(430px,calc(100% - 30px));padding:30px;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.fgaem-dialog>button:first-child{position:absolute;right:14px;top:12px;border:0;background:none;font-size:28px}.fgaem-dialog label{display:block;margin:12px 0;font-weight:650}.fgaem-dialog input:not([type=checkbox]){display:block;width:100%;margin-top:6px;min-height:43px;border:1px solid #d9d2e5;border-radius:8px;padding:8px}.fgaem-dialog label.inline{display:flex;gap:8px;align-items:center}.fgaem-text-button{background:none;border:0;color:var(--purple);padding:12px 0;cursor:pointer}.fgaem-notice,.fgaem-portal-error,.fgaem-message{padding:15px;border-radius:10px;background:#f0edf8}.fgaem-notice.success{background:#e1f7ec;color:#175e42}.fgaem-portal-error{background:#fee5e8;color:#7c202c;margin-top:12px}@media(max-width:780px){.fgaem-hero-grid,.fgaem-content-grid,.fgaem-login-card{grid-template-columns:1fr}.fgaem-login-art{min-height:180px}.fgaem-login-card>div:last-child{padding:30px}.fgaem-plan{grid-template-columns:55px 1fr}.fgaem-plan>div{grid-column:1/-1}.fgaem-portal{margin:16px}.fgaem-portal-head{align-items:flex-start}.fgaem-card-bottom{margin-top:30px}}