/*
Theme Name: PlayGold365 Custom
Theme URI: https://www.goldplay99.ai/
Author: Custom Theme
Description: GoldPlay99 sports platform theme (Blue & Gold color variant) with SEO-ready page structure, support resources and responsive blog templates. Header and footer are unchanged (brown/white/gold); the rest of the site uses a blue and gold design system, animated sections, SVG illustrations and a 50/50 hero layout.
Version: 1.5.0-blue-gold-newcopy
Text Domain: playgold365
*/
:root{--yellow:#ffd100;--olive:#1f7ae0;--navy:#123f9e;--green:#1f7ae0;--navy-dark:#123f9e;--navy-soft:#1f7ae0;--green-soft:#e8f1fd;--yellow-soft:#fff4cc;--white:#fff;--off-white:#f8faf8;--text:#17332f;--muted:#5f6f6b;--border:#d7e4df;--radius:22px;--shadow:0 18px 50px rgba(31,122,224,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--white);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.pg-container{width:min(1180px,calc(100% - 40px));margin:auto}.pg-header{position:sticky;top:0;z-index:100;background:#8a4e00; color:#fff;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.pg-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pg-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;color:var(--navy)}.pg-brand>span:last-child>span{color:var(--green)}.pg-logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--yellow);color:var(--navy)}.pg-logo-mark svg,.pg-icon svg,.pg-btn svg,.pg-card-link>svg,.pg-eyebrow svg,.pg-contact-note>svg{width:22px;height:22px;fill:#fff;}.pg-menu{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:750}.pg-menu>a:not(.pg-btn):hover{color:var(--green)}.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;background:#fd8801;color:#fff;padding:13px 20px;font-weight:850;box-shadow:0 9px 25px rgba(64,144,69,.22);transition:.25s transform,.25s box-shadow}.pg-btn:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(64,144,69,.28)}.pg-btn-small{padding:9px 15px;font-size:13px}.pg-btn-outline{background:transparent;color:#fff;box-shadow:none;border:1px solid var(--border)}.pg-btn-light{background:#fff;color:var(--navy);box-shadow:none}.pg-btn-yellow{background:var(--yellow);color:var(--navy)}.pg-menu-toggle{display:none;background:none;border:0}.pg-menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}

.pg-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--off-white),#fff);padding:70px 0 78px}.pg-hero:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:var(--yellow-soft);right:-180px;top:-200px;filter:blur(2px)}.pg-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:560px}.pg-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--yellow-soft);color:var(--navy);border:1px solid #e8c34a;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.pg-eyebrow svg{width:16px;height:16px}.pg-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.pg-lead{font-size:19px;color:var(--navy-soft);max-width:650px}.pg-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.pg-responsible{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.pg-responsible strong,.pg-age{color:var(--navy);font-weight:900}.pg-hero-art{position:relative}.pg-hero-art img{display:block;width:100%;filter:drop-shadow(0 25px 45px rgba(8,53,87,.14));animation:float 5s ease-in-out infinite}.pg-float-card{position:absolute;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px 15px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:800;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.pg-float-card svg{width:20px;height:20px;fill:var(--green)}.pg-float-one{left:-25px;top:18%}.pg-float-two{right:-10px;bottom:18%;animation-delay:1s}

.pg-section{padding:92px 0}.pg-soft{background:var(--off-white)}.pg-dark-section{background:var(--navy-dark);color:#fff;padding:90px 0}.pg-section-head{display:grid;grid-template-columns:70px 1fr;gap:22px;max-width:900px;margin-bottom:42px}.pg-kicker{display:inline-flex;color:var(--green);font-weight:950;letter-spacing:.12em;font-size:13px}.pg-section h2,.pg-dark-section h2,.pg-cta h2,.pg-contact h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.035em;margin:0 0 15px}.pg-section-head p{margin:4px 0;color:var(--muted)}.pg-dark-section p{color:#c7d8d3}.pg-cards{display:grid;gap:18px}.pg-3{grid-template-columns:repeat(3,1fr)}.pg-4{grid-template-columns:repeat(4,1fr)}.pg-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(5,36,59,.04);transition:.25s transform,.25s box-shadow}.pg-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.pg-mini{padding:24px}.pg-icon{width:48px;height:48px;border-radius:15px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin-bottom:18px}.pg-card h3{margin:0 0 7px;color:var(--navy);font-size:20px}.pg-card p{color:var(--muted);font-size:14px}.pg-card a{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:850}.pg-card a svg{width:17px;height:17px}.pg-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.pg-steps{display:grid;gap:13px}.pg-step{display:flex;gap:17px;align-items:flex-start;padding:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:18px}.pg-step>b{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:13px}.pg-step h3{margin:0;color:#fff}.pg-step p{margin:4px 0 0;font-size:13px}.pg-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.pg-feature-reverse{grid-template-columns:1fr 1.1fr}.pg-feature-reverse>div:first-child{order:2}.pg-feature img{width:min(470px,100%);display:block;margin:auto;filter:drop-shadow(0 20px 35px rgba(8,53,87,.12))}.pg-inline-links{display:grid;gap:10px;margin-top:22px}.pg-card-link{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff}.pg-card-link>svg{width:24px;height:24px;fill:var(--green);flex:0 0 24px;margin-top:2px}.pg-card-link span{display:grid}.pg-card-link b{color:var(--navy)}.pg-card-link small{color:var(--muted);line-height:1.45}.pg-cta{padding:65px 0;background:var(--navy-soft);color:#fff}.pg-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.pg-cta p{color:#c7d8d3;max-width:720px}.pg-cta .pg-eyebrow{background:rgba(245,214,3,.13);border-color:rgba(245,214,3,.25);color:#fff}.pg-responsible-section{background:var(--yellow-soft)}.pg-narrow{max-width:850px}.pg-check-list{padding-left:22px;display:grid;gap:8px}.pg-check-list li::marker{color:var(--green)}.pg-age{display:inline-flex;gap:8px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--border);margin-top:15px}.pg-age span{color:var(--muted);font-weight:700}

.pg-page-hero{background:linear-gradient(135deg,var(--navy-dark),var(--navy-soft));color:#fff;padding:60px 0}.pg-page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;min-height:290px}.pg-page-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.05;margin:18px 0}.pg-page-hero p{color:#c7d8d3;max-width:650px}.pg-page-art{text-align:right}.pg-page-art img{max-height:260px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.25));animation:float 5s ease-in-out infinite}.pg-content-section{padding:70px 0}.pg-content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px;align-items:start}.pg-content{min-width:0}.pg-content h1{font-size:42px;line-height:1.1;color:var(--navy);margin-top:0}.pg-content h2{font-size:32px;line-height:1.2;color:var(--navy);margin:48px 0 12px}.pg-content h3{font-size:21px;color:var(--navy);margin:28px 0 8px}.pg-content p{color:var(--text);margin:10px 0}.pg-content ul,.pg-content ol{padding-left:25px}.pg-content li{margin:6px 0}.pg-content a,.pg-link-label{color:var(--green);font-weight:800}.pg-side-card{position:sticky;top:105px;padding:25px;background:var(--green-soft);border:1px solid #b9d8d2;border-radius:var(--radius)}.pg-side-card h3{color:var(--navy);margin:0 0 7px}.pg-side-card p{font-size:13px;color:var(--muted)}.pg-table-wrap{overflow:auto;margin:22px 0}.pg-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.pg-table th,.pg-table td{text-align:left;padding:13px;border-bottom:1px solid var(--border);font-size:14px}.pg-table th{background:var(--yellow-soft);color:var(--navy)}.pg-contact{padding:75px 0;background:var(--off-white)}.pg-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.pg-contact-note{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--border);margin-top:25px}.pg-contact-note>svg{color:var(--green)}.pg-contact-note span{display:grid}.pg-contact-note small{color:var(--muted)}.pg-form{background:#fff;padding:28px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:15px}.pg-form label{font-size:13px;font-weight:800;color:var(--navy)}.pg-form input,.pg-form textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--border);border-radius:13px;padding:13px 14px;font:inherit;outline:none}.pg-form input:focus,.pg-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.pg-form small{color:var(--muted);font-size:11px}.pg-footer{background:#8a4e00;color:#fff;padding:55px 0 0}.pg-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.pg-brand-footer{color:#fff;margin-bottom:15px}.pg-footer p{color:#c7d8d3;font-size:13px}.pg-footer h4{margin:0 0 12px;color:var(--yellow)}.pg-footer-grid>div>a:not(.pg-brand){display:block;color:#c7d8d3;font-size:13px;margin:8px 0}.pg-footer-grid>div>a:not(.pg-brand):hover{color:#fff}.pg-footer-bottom{margin-top:40px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);color:#9eb2ac;font-size:12px}.pg-muted{color:#9eb2ac!important}.pg-reveal{animation:reveal .7s both}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.pg-menu{gap:12px}.pg-menu>a:not(.pg-btn){display:none}.pg-menu-toggle{display:block}.pg-menu{position:absolute;top:78px;right:20px;left:20px;display:none;padding:15px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.pg-menu.is-open{display:flex}.pg-menu>a:not(.pg-btn){display:block;padding:9px}.pg-menu .pg-btn{text-align:center}.pg-hero-grid,.pg-page-hero-grid,.pg-feature,.pg-split,.pg-contact-grid{grid-template-columns:1fr}.pg-hero{padding-top:45px}.pg-hero-art{max-width:650px;margin:auto}.pg-float-one{left:0}.pg-float-two{right:0}.pg-3{grid-template-columns:1fr}.pg-4{grid-template-columns:repeat(2,1fr)}.pg-feature-reverse>div:first-child{order:0}.pg-cta-inner{display:grid}.pg-content-wrap{grid-template-columns:1fr}.pg-sidebar{display:none}.pg-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pg-container{width:min(100% - 28px,1180px)}.pg-nav{min-height:68px}.pg-menu{top:68px}.pg-hero h1{font-size:42px}.pg-section{padding:65px 0}.pg-section-head{grid-template-columns:1fr;gap:5px}.pg-4{grid-template-columns:1fr}.pg-float-card{position:relative;display:inline-flex;margin:5px 0}.pg-hero-art{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.pg-hero-art img{order:-1}.pg-footer-grid{grid-template-columns:1fr}.pg-page-hero{padding:45px 0}.pg-page-hero h1{font-size:40px}.pg-page-art{text-align:center}.pg-contact-grid{gap:30px}}
/* =========================================================
   PLAYGOLD365 LOGIN HELP PAGE
   ISOLATED CSS — DOES NOT MODIFY EXISTING .pg-* STYLES
   ========================================================= */


.playgold-login-help {
    --pglh-yellow: #ffd100;
    --pglh-yellow-soft: #fff4cc;
    --pglh-navy: #0b0a0ae6;
    --pglh-navy-dark: #123f9e;
    --pglh-navy-soft: #123f9ebf;
    --pglh-green: #fd8801;
    --pglh-green-soft: #fff0e6;
    --pglh-white: #ffffff;
    --pglh-off-white: #f8faf8;
    --pglh-text: #17332f;
    --pglh-muted: #5f6f6b;
    --pglh-border: #d7e4df;
    --pglh-shadow: 0 18px 50px rgba(5, 36, 59, .10);
    margin: 0;
    color: var(--pglh-text);
    background: #fff;
    line-height: 1.7;
}
.playgold-login-help *,
.playgold-login-help *::before,
.playgold-login-help *::after {
    box-sizing: border-box;
}

.playgold-login-help img {
    max-width: 100%;
    height: auto;
}

.playgold-login-help a {
    text-decoration: none;
}

.playgold-login-help .pglh-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   HERO
   ========================================================= */

.playgold-login-help .pg-login-hero {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 570px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(245, 214, 3, .18),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #f8faf8 0%,
            #ffffff 55%,
            #eef7f5 100%
        );
}

.playgold-login-help .pg-login-hero-content {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    padding: 70px max(30px, calc((100vw - 1180px) / 2));
}

.playgold-login-help .pg-login-hero-inner {
    width: 100%;
    max-width: 620px;
}

.playgold-login-help .pg-login-eyebrow {
    display: inline-flex;
    align-items: center;

    padding: 8px 14px;

    background: var(--pglh-yellow-soft);
    border: 1px solid #e8c34a;
    border-radius: 999px;

    color: var(--pglh-navy);

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
}

.playgold-login-help .pg-login-title {
    margin: 20px 0;

    color: var(--pglh-navy);

    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.playgold-login-help .pg-login-title span {
    display: block;
    color: var(--pglh-green);
}

.playgold-login-help .pg-login-description {
    max-width: 620px;
    margin: 0;

    color: var(--pglh-navy-soft);

    font-size: 18px;
    line-height: 1.7;
}

.playgold-login-help .pg-login-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 30px;
}


/* =========================================================
   HERO IMAGE AREA
   ========================================================= */

.playgold-login-help .pg-login-hero-image {
    position: relative;
    min-height: 570px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            rgba(245, 214, 3, .16),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            var(--pglh-navy-dark),
            var(--pglh-navy-soft)
        );
}

.playgold-login-help .pg-login-hero-image::before {
    content: "";

    position: absolute;

    width: 440px;
    height: 440px;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.025);
}

.playgold-login-help .pg-login-hero-image::after {
    content: "🔐";

    position: absolute;

    width: 170px;
    height: 170px;

    top: 50%;
    left: 50%;

    display: grid;
    place-items: center;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: var(--pglh-yellow);

    font-size: 72px;

    box-shadow:
        0 25px 70px rgba(0,0,0,.25),
        0 0 0 22px rgba(245,214,3,.08);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.playgold-login-help .pg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 48px;

    padding: 12px 21px;

    border-radius: 14px;

    font-size: 14px;
    font-weight: 850;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.playgold-login-help .pg-btn:hover {
    transform: translateY(-2px);
}

.playgold-login-help .pg-btn-primary {
    background: var(--pglh-green);
    color: #fff;

    box-shadow: 0 9px 25px rgba(64,144,69,.22);
}

.playgold-login-help .pg-btn-primary:hover {
    background: #347d39;
    color: #fff;

    box-shadow: 0 13px 30px rgba(64,144,69,.28);
}

.playgold-login-help .pg-btn-secondary {
    background: #fff;
    color: var(--pglh-navy);

    border: 1px solid var(--pglh-border);

    box-shadow: 0 8px 25px rgba(5,36,59,.06);
}

.playgold-login-help .pg-btn-secondary:hover {
    color: var(--pglh-green);
    border-color: var(--pglh-green);
}


/* =========================================================
   GENERAL HELP SECTIONS
   ========================================================= */

.playgold-login-help .pg-help-section {
    padding: 90px 0;
}

.playgold-login-help .pg-login-checks {
    background: #fff;
}

.playgold-login-help .pg-password-section {
    background: var(--pglh-off-white);
}

.playgold-login-help .pg-otp-section {
    background: #fff;
}

.playgold-login-help .pg-locked-section {
    background: var(--pglh-off-white);
}

.playgold-login-help .pg-mobile-section {
    background: #fff;
}

.playgold-login-help .pg-support-section {
    background: var(--pglh-navy-dark);
    color: #fff;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.playgold-login-help .pg-section-header {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 20px;

    max-width: 850px;

    margin-bottom: 42px;
}

.playgold-login-help .pg-section-icon {
    width: 52px;
    height: 52px;

    display: grid;
    place-items: center;

    border-radius: 16px;

    background: var(--pglh-green-soft);
}

.playgold-login-help .pg-section-icon img {
    width: 25px;
    height: 25px;
}

.playgold-login-help .pg-section-label {
    display: block;

    margin-bottom: 6px;

    color: var(--pglh-green);

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
}

.playgold-login-help .pg-section-header h2 {
    margin: 0 0 10px;

    color: var(--pglh-navy);

    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.playgold-login-help .pg-section-header p {
    margin: 0;

    color: var(--pglh-muted);

    font-size: 16px;
}


/* =========================================================
   CAN'T LOGIN
   ========================================================= */

.playgold-login-help .pg-check-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.playgold-login-help .pg-check-card {
    display: flex;
    align-items: flex-start;
    gap: 17px;

    min-height: 145px;

    padding: 25px;

    background: #fff;

    border: 1px solid var(--pglh-border);
    border-radius: 20px;

    box-shadow: 0 8px 30px rgba(5,36,59,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.playgold-login-help .pg-check-card:hover {
    transform: translateY(-6px);

    border-color: rgba(64,144,69,.3);

    box-shadow: var(--pglh-shadow);
}

.playgold-login-help .pg-card-number {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background: var(--pglh-yellow-soft);
    color: var(--pglh-navy);

    font-size: 12px;
    font-weight: 900;
}

.playgold-login-help .pg-check-card h3 {
    margin: 0 0 6px;

    color: var(--pglh-navy);

    font-size: 18px;
    line-height: 1.3;
}

.playgold-login-help .pg-check-card p {
    margin: 0;

    color: var(--pglh-muted);

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   PASSWORD PROCESS
   ========================================================= */

.playgold-login-help .pg-process {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.playgold-login-help .pg-process-item {
    padding: 25px 20px;

    background: #fff;

    border: 1px solid var(--pglh-border);
    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(5,36,59,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.playgold-login-help .pg-process-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--pglh-shadow);
}

.playgold-login-help .pg-process-item > span {
    display: grid;
    place-items: center;

    width: 42px;
    height: 42px;

    margin-bottom: 17px;

    border-radius: 50%;

    background: var(--pglh-yellow);
    color: var(--pglh-navy);

    font-size: 12px;
    font-weight: 900;
}

.playgold-login-help .pg-process-item h3 {
    margin: 0 0 7px;

    color: var(--pglh-navy);

    font-size: 17px;
    line-height: 1.3;
}

.playgold-login-help .pg-process-item p {
    margin: 0;

    color: var(--pglh-muted);

    font-size: 13px;
    line-height: 1.6;
}


/* =========================================================
   SECURITY BOX
   ========================================================= */

.playgold-login-help .pg-security-box {
    display: flex;
    align-items: center;
    gap: 15px;

    margin-top: 25px;
    padding: 18px 20px;

    background: var(--pglh-green-soft);

    border: 1px solid #b9d8d2;
    border-radius: 18px;
}

.playgold-login-help .pg-security-icon {
    flex: 0 0 43px;

    width: 43px;
    height: 43px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background: #fff;
}

.playgold-login-help .pg-security-icon img {
    width: 22px;
    height: 22px;
}

.playgold-login-help .pg-security-box strong {
    display: block;

    color: var(--pglh-navy);
}

.playgold-login-help .pg-security-box p {
    margin: 2px 0 0;

    color: var(--pglh-muted);

    font-size: 13px;
}


/* =========================================================
   OTP
   ========================================================= */

.playgold-login-help .pg-info-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.playgold-login-help .pg-info-card {
    padding: 25px 20px;

    background: var(--pglh-off-white);

    border: 1px solid var(--pglh-border);
    border-radius: 18px;

    transition: transform .25s ease;
}

.playgold-login-help .pg-info-card:hover {
    transform: translateY(-5px);
}

.playgold-login-help .pg-info-card > span {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    margin-bottom: 15px;

    border-radius: 11px;

    background: var(--pglh-navy);
    color: #fff;

    font-size: 11px;
    font-weight: 900;
}

.playgold-login-help .pg-info-card p {
    margin: 0;

    color: var(--pglh-text);

    font-size: 14px;
    line-height: 1.55;
}
.gpwa-final-cta {
    background: #00000014;
    padding: 50px;
}
.gpc-final-cta{
    background: #00000014;
    padding: 50px;
}

.playgold-login-help .pg-warning-box {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 25px;
    padding: 15px 18px;

    background: var(--pglh-yellow-soft);

    border: 1px solid #e8c34a;
    border-radius: 16px;
}

.playgold-login-help .pg-warning-box img {
    width: 21px;
    height: 21px;
}

.playgold-login-help .pg-warning-box p {
    margin: 0;

    color: var(--pglh-navy);

    font-size: 13px;
}


/* =========================================================
   ACCOUNT LOCKED
   ========================================================= */

.playgold-login-help .pg-action-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.playgold-login-help .pg-action-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    padding: 20px;

    background: #fff;

    border: 1px solid var(--pglh-border);
    border-radius: 17px;

    transition: transform .25s ease;
}

.playgold-login-help .pg-action-item:hover {
    transform: translateY(-4px);
}

.playgold-login-help .pg-action-item > span {
    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: var(--pglh-green-soft);
    color: var(--pglh-green);

    font-weight: 900;
}

.playgold-login-help .pg-action-item strong {
    color: var(--pglh-navy);
    font-size: 14px;
}


/* =========================================================
   MOBILE LOGIN
   ========================================================= */

.playgold-login-help .pg-mobile-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.playgold-login-help .pg-mobile-card {
    padding: 25px 20px;

    background: #fff;

    border: 1px solid var(--pglh-border);
    border-radius: 18px;

    text-align: center;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.playgold-login-help .pg-mobile-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--pglh-shadow);
}

.playgold-login-help .pg-mobile-card > span {
    width: 50px;
    height: 50px;

    display: grid;
    place-items: center;

    margin: 0 auto 16px;

    border-radius: 15px;

    background: var(--pglh-green-soft);
}

.playgold-login-help .pg-mobile-card img {
    width: 25px;
    height: 25px;
}

.playgold-login-help .pg-mobile-card h3 {
    margin: 0 0 7px;

    color: var(--pglh-navy);

    font-size: 17px;
}

.playgold-login-help .pg-mobile-card p {
    margin: 0;

    color: var(--pglh-muted);

    font-size: 13px;
    line-height: 1.55;
}


/* =========================================================
   SUPPORT
   ========================================================= */

.playgold-login-help .pg-support-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;

    align-items: center;
}

.playgold-login-help .pg-support-section .pg-section-header h2 {
    color: #fff;
}

.playgold-login-help .pg-support-section .pg-section-header p {
    color: #c7d8d3;
}

.playgold-login-help .pg-support-description {
    max-width: 580px;

    color: #c7d8d3;

    font-size: 15px;
}

.playgold-login-help .pg-support-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 18px;
    padding: 13px 21px;

    background: var(--pglh-yellow);
    color: var(--pglh-navy);

    border-radius: 14px;

    font-size: 14px;
    font-weight: 900;

    transition: transform .25s ease;
}

.playgold-login-help .pg-support-button:hover {
    color: var(--pglh-navy);
    transform: translateY(-2px);
}

.playgold-login-help .pg-support-button span {
    font-size: 20px;
}

.playgold-login-help .pg-support-details {
    display: grid;
    gap: 12px;
}

.playgold-login-help .pg-detail-item {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 16px 18px;

    background: rgba(255,255,255,.05);

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 15px;
}

.playgold-login-help .pg-detail-item > span {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: var(--pglh-green);
    color: #fff;

    font-size: 13px;
    font-weight: 900;
}

.playgold-login-help .pg-detail-item p {
    margin: 0;

    color: #c7d8d3;

    font-size: 13px;
}

.playgold-login-help .pg-final-security {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-top: 45px;
    padding-top: 25px;

    border-top: 1px solid rgba(255,255,255,.10);

    color: #fff;

    font-size: 13px;
}

.playgold-login-help .pg-final-security img {
    width: 20px;
    height: 20px;
}


/* =========================================================
   WORDPRESS EMOJI
   ========================================================= */

.playgold-login-help img.emoji {
    display: inline-block !important;

    width: 1em !important;
    height: 1em !important;

    min-width: 1em !important;
    max-width: 1em !important;

    margin: 0 !important;

    vertical-align: -.15em !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .playgold-login-help .pg-login-hero {
        grid-template-columns: 1fr;
    }

    .playgold-login-help .pg-login-hero-content {
        padding: 65px 40px;
    }

    .playgold-login-help .pg-login-hero-image {
        min-height: 380px;
    }

    .playgold-login-help .pg-check-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .playgold-login-help .pg-process {
        grid-template-columns: repeat(3, 1fr);
    }

    .playgold-login-help .pg-info-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .playgold-login-help .pg-mobile-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .playgold-login-help .pg-container {
        width: calc(100% - 28px);
    }

    .playgold-login-help .pg-login-hero-content {
        padding: 55px 20px;
    }

    .playgold-login-help .pg-login-title {
        font-size: 40px;
    }

    .playgold-login-help .pg-login-description {
        font-size: 16px;
    }

    .playgold-login-help .pg-login-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .playgold-login-help .pg-btn {
        width: 100%;
    }

    .playgold-login-help .pg-login-hero-image {
        min-height: 300px;
    }

    .playgold-login-help .pg-login-hero-image::before {
        width: 260px;
        height: 260px;
    }

    .playgold-login-help .pg-login-hero-image::after {
        width: 120px;
        height: 120px;
        font-size: 50px;
    }

    .playgold-login-help .pg-help-section {
        padding: 65px 0;
    }

    .playgold-login-help .pg-section-header {
        grid-template-columns: 1fr;
        gap: 12px;

        margin-bottom: 30px;
    }

    .playgold-login-help .pg-section-header h2 {
        font-size: 34px;
    }

    .playgold-login-help .pg-check-grid,
    .playgold-login-help .pg-process,
    .playgold-login-help .pg-info-grid,
    .playgold-login-help .pg-action-list,
    .playgold-login-help .pg-mobile-grid,
    .playgold-login-help .pg-support-layout {
        grid-template-columns: 1fr;
    }

    .playgold-login-help .pg-check-card {
        min-height: auto;
    }

    .playgold-login-help .pg-support-layout {
        gap: 35px;
    }
}


/* =========================================================
   SMALL PHONE
   ========================================================= */

@media (max-width: 420px) {

    .playgold-login-help .pg-login-title {
        font-size: 35px;
    }

    .playgold-login-help .pg-login-hero-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .playgold-login-help .pg-section-header h2 {
        font-size: 30px;
    }

    .playgold-login-help .pg-check-card {
        padding: 20px;
    }
}
    /* =========================================================
   PLAYGOLD365 FAQ PAGE
   ISOLATED NAMESPACE
   Does not modify existing page styles
   ========================================================= */

.playgold365-faq-page {
    --pgfaq-yellow: #ffd100;
    --pgfaq-yellow-soft: #fff4cc;
    --pgfaq-navy: #123f9e;
    --pgfaq-navy-dark: #05243b;
    --pgfaq-navy-soft: #1f7ae0;
    --pgfaq-green: #fd8801;
    --pgfaq-green-soft: #fff0e6;
    --pgfaq-white: #fff;
    --pgfaq-off-white: #f8faf8;
    --pgfaq-text: #17332f;
    --pgfaq-muted: #5f6f6b;
    --pgfaq-border: #d7e4df;
    --pgfaq-shadow: 0 18px 50px rgba(5,36,59,.10);

    color: var(--pgfaq-text);
    background: #fff;
    line-height: 1.7;
}

.playgold365-faq-page *,
.playgold365-faq-page *::before,
.playgold365-faq-page *::after {
    box-sizing: border-box;
}

.playgold365-faq-page .pgfaq-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   HERO
   ========================================================= */

.playgold365-faq-page .pgfaq-hero {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(245,214,3,.16),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #f8faf8,
            #fff 60%,
            #eef7f5
        );
}

.playgold365-faq-page .pgfaq-hero::before {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    right: -170px;
    top: -190px;

    border-radius: 50%;

    background: var(--pgfaq-yellow-soft);
}

.playgold365-faq-page .pgfaq-hero .pgfaq-container {
    position: relative;
    z-index: 1;

    min-height: 510px;

    display: grid;
    grid-template-columns: 1.15fr .85fr;

    align-items: center;

    gap: 50px;
}

.playgold365-faq-page .pgfaq-hero-content {
    padding: 70px 0;
}

.playgold365-faq-page .pgfaq-eyebrow {
    display: inline-flex;

    padding: 8px 14px;

    background: var(--pgfaq-yellow-soft);
    border: 1px solid #e8c34a;
    border-radius: 999px;

    color: var(--pgfaq-navy);

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em;
}

.playgold365-faq-page .pgfaq-hero h1 {
    margin: 20px 0;

    color: var(--pgfaq-navy);

    font-size: clamp(42px, 5vw, 66px);
    line-height: 1.03;
    letter-spacing: -.045em;
}

.playgold365-faq-page .pgfaq-hero h1 span {
    display: block;
    color: var(--pgfaq-green);
}

.playgold365-faq-page .pgfaq-hero-content > p {
    max-width: 680px;

    margin: 0;

    color: var(--pgfaq-navy-soft);

    font-size: 18px;
}


/* =========================================================
   HERO VISUAL
   ========================================================= */

.playgold365-faq-page .pgfaq-hero-visual {
    position: relative;

    min-height: 400px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.playgold365-faq-page .pgfaq-hero-circle {
    position: relative;
    z-index: 2;

    width: 230px;
    height: 230px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--pgfaq-yellow),
            #ffe83d
        );

    box-shadow:
        0 30px 70px rgba(5,36,59,.18),
        0 0 0 25px rgba(245,214,3,.08);
}

.playgold365-faq-page .pgfaq-hero-circle span {
    color: var(--pgfaq-navy);

    font-size: 120px;
    font-weight: 950;
    line-height: 1;
}

.playgold365-faq-page .pgfaq-floating {
    position: absolute;
    z-index: 3;

    padding: 10px 16px;

    background: #fff;

    border: 1px solid var(--pgfaq-border);
    border-radius: 13px;

    color: var(--pgfaq-navy);

    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;

    box-shadow: var(--pgfaq-shadow);
}

.playgold365-faq-page .pgfaq-floating-one {
    top: 22%;
    left: 8%;
}

.playgold365-faq-page .pgfaq-floating-two {
    right: 5%;
    top: 18%;

    background: var(--pgfaq-green-soft);
    color: var(--pgfaq-green);
}

.playgold365-faq-page .pgfaq-floating-three {
    right: 12%;
    bottom: 19%;

    background: var(--pgfaq-navy);
    color: #fff;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.playgold365-faq-page .pgfaq-section {
    padding: 85px 0;
    background: #fff;
}

.playgold365-faq-page .pgfaq-section-alt {
    background: var(--pgfaq-off-white);
}

.playgold365-faq-page .pgfaq-section-heading {
    max-width: 760px;

    margin-bottom: 35px;
}

.playgold365-faq-page .pgfaq-section-label {
    display: block;

    margin-bottom: 8px;

    color: var(--pgfaq-green);

    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
}

.playgold365-faq-page .pgfaq-section-heading h2 {
    margin: 0 0 10px;

    color: var(--pgfaq-navy);

    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.playgold365-faq-page .pgfaq-section-heading p {
    margin: 0;

    color: var(--pgfaq-muted);

    font-size: 15px;
}


/* =========================================================
   FAQ LIST
   ========================================================= */

.playgold365-faq-page .pgfaq-list {
    display: grid;
    gap: 12px;

    max-width: 1000px;
}

.playgold365-faq-page .pgfaq-item {
    background: #fff;

    border: 1px solid var(--pgfaq-border);
    border-radius: 17px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(5,36,59,.035);

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.playgold365-faq-page .pgfaq-item:hover {
    border-color: rgba(64,144,69,.35);

    box-shadow: 0 10px 30px rgba(5,36,59,.07);
}

.playgold365-faq-page .pgfaq-item[open] {
    border-color: rgba(64,144,69,.35);
}

.playgold365-faq-page .pgfaq-item summary {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 65px;

    padding: 18px 60px 18px 22px;

    color: var(--pgfaq-navy);

    font-size: 16px;
    font-weight: 850;

    cursor: pointer;

    list-style: none;
}

.playgold365-faq-page .pgfaq-item summary::-webkit-details-marker {
    display: none;
}

.playgold365-faq-page .pgfaq-item summary::after {
    content: "+";

    position: absolute;

    right: 22px;
    top: 50%;

    width: 28px;
    height: 28px;

    display: grid;
    place-items: center;

    transform: translateY(-50%);

    border-radius: 50%;

    background: var(--pgfaq-green-soft);
    color: var(--pgfaq-green);

    font-size: 20px;
    font-weight: 500;

    transition: transform .25s ease;
}

.playgold365-faq-page .pgfaq-item[open] summary::after {
    content: "−";

    transform: translateY(-50%);
}

.playgold365-faq-page .pgfaq-answer {
    padding: 0 22px 21px;
}

.playgold365-faq-page .pgfaq-answer p {
    max-width: 850px;

    margin: 0;

    padding-top: 17px;

    border-top: 1px solid var(--pgfaq-border);

    color: var(--pgfaq-muted);

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   RESPONSIBLE BETTING
   ========================================================= */

.playgold365-faq-page .pgfaq-responsible {
    padding: 90px 0;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(245,214,3,.14),
            transparent 30%
        ),
        var(--pgfaq-yellow-soft);
}

.playgold365-faq-page .pgfaq-responsible-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;

    gap: 60px;

    align-items: start;
}

.playgold365-faq-page .pgfaq-responsible-content {
    padding-top: 10px;
}

.playgold365-faq-page .pgfaq-responsible-content h2 {
    margin: 0 0 15px;

    color: var(--pgfaq-navy);

    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.05;
}

.playgold365-faq-page .pgfaq-responsible-content > p {
    max-width: 480px;

    margin: 0;

    color: var(--pgfaq-text);

    font-size: 15px;
}

.playgold365-faq-page .pgfaq-age-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 25px;
    padding: 11px 15px;

    background: #fff;

    border: 1px solid var(--pgfaq-border);
    border-radius: 13px;

    box-shadow: 0 8px 25px rgba(5,36,59,.06);
}

.playgold365-faq-page .pgfaq-age-badge strong {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: var(--pgfaq-navy);
    color: #fff;

    font-size: 11px;
}

.playgold365-faq-page .pgfaq-age-badge span {
    color: var(--pgfaq-muted);

    font-size: 13px;
    font-weight: 700;
}

.playgold365-faq-page .pgfaq-responsible-list {
    max-width: none;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.playgold365-faq-page .pgfaq-cta {
    padding: 65px 0;

    background: var(--pgfaq-navy-dark);
    color: #fff;
}

.playgold365-faq-page .pgfaq-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;
}

.playgold365-faq-page .pgfaq-cta .pgfaq-section-label {
    color: var(--pgfaq-yellow);
}

.playgold365-faq-page .pgfaq-cta h2 {
    margin: 0 0 10px;

    color: #fff;

    font-size: clamp(32px, 4vw, 45px);
    line-height: 1.1;
}

.playgold365-faq-page .pgfaq-cta p {
    max-width: 650px;

    margin: 0;

    color: #c7d8d3;

    font-size: 15px;
}

.playgold365-faq-page .pgfaq-cta-button {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 14px 22px;

    background: var(--pgfaq-yellow);
    color: var(--pgfaq-navy);

    border-radius: 14px;

    font-size: 14px;
    font-weight: 900;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.playgold365-faq-page .pgfaq-cta-button:hover {
    color: var(--pgfaq-navy);

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(245,214,3,.20);
}

.playgold365-faq-page .pgfaq-cta-button span {
    font-size: 20px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .playgold365-faq-page .pgfaq-hero .pgfaq-container {
        grid-template-columns: 1fr;
    }

    .playgold365-faq-page .pgfaq-hero-content {
        padding-bottom: 30px;
    }

    .playgold365-faq-page .pgfaq-hero-visual {
        min-height: 330px;
    }

    .playgold365-faq-page .pgfaq-responsible-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .playgold365-faq-page .pgfaq-container {
        width: calc(100% - 28px);
    }

    .playgold365-faq-page .pgfaq-hero .pgfaq-container {
        min-height: auto;
    }

    .playgold365-faq-page .pgfaq-hero-content {
        padding: 55px 0 20px;
    }

    .playgold365-faq-page .pgfaq-hero h1 {
        font-size: 39px;
    }

    .playgold365-faq-page .pgfaq-hero-content > p {
        font-size: 16px;
    }

    .playgold365-faq-page .pgfaq-hero-visual {
        min-height: 270px;
    }

    .playgold365-faq-page .pgfaq-hero-circle {
        width: 155px;
        height: 155px;
    }

    .playgold365-faq-page .pgfaq-hero-circle span {
        font-size: 80px;
    }

    .playgold365-faq-page .pgfaq-floating {
        padding: 8px 11px;
        font-size: 9px;
    }

    .playgold365-faq-page .pgfaq-floating-one {
        left: 2%;
        top: 18%;
    }

    .playgold365-faq-page .pgfaq-floating-two {
        right: 0;
        top: 15%;
    }

    .playgold365-faq-page .pgfaq-floating-three {
        right: 5%;
        bottom: 10%;
    }

    .playgold365-faq-page .pgfaq-section,
    .playgold365-faq-page .pgfaq-responsible {
        padding: 65px 0;
    }

    .playgold365-faq-page .pgfaq-section-heading h2 {
        font-size: 32px;
    }

    .playgold365-faq-page .pgfaq-item summary {
        padding: 17px 55px 17px 18px;

        font-size: 15px;
    }

    .playgold365-faq-page .pgfaq-item summary::after {
        right: 17px;
    }

    .playgold365-faq-page .pgfaq-answer {
        padding: 0 18px 18px;
    }

    .playgold365-faq-page .pgfaq-cta-inner {
        display: grid;
        gap: 25px;
    }

    .playgold365-faq-page .pgfaq-cta-button {
        width: 100%;
    }

}
/* =========================================================
   PLAYGOLD365 ABOUT PAGE
   ISOLATED NAMESPACE — DOES NOT MODIFY EXISTING STYLES
   Append this block to style.css (same file as your other
   .pg-*, .playgold-login-help, .playgold365-faq-page rules)
   ========================================================= */

.playgold365-about-page {
    --pgab-yellow: #ffd100;
    --pgab-yellow-soft: #fff4cc;
    --pgab-navy: #123f9e;
    --pgab-navy-dark: #123f9e;
    --pgab-navy-soft: #362424;
    --pgab-green: #fd8801;
    --pgab-green-soft: #fd8801;
    --pgab-white: #fff;
    --pgab-off-white: #f8faf8;
    --pgab-text: #17332f;
    --pgab-muted: #5f6f6b;
    --pgab-border: #d7e4df;
    --pgab-shadow: 0 18px 50px rgba(5, 36, 59, .10);

    margin: 0;
    color: var(--pgab-text);
    background: #fff;
    line-height: 1.7;
}

.playgold365-about-page *,
.playgold365-about-page *::before,
.playgold365-about-page *::after {
    box-sizing: border-box;
}

.playgold365-about-page img { max-width: 100%; height: auto; }
.playgold365-about-page a { text-decoration: none; }

.playgold365-about-page .pgab-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* =========================================================
   HERO — 50/50 (text left, image right — add image manually)
   ========================================================= */

.playgold365-about-page .pgab-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 20%, rgba(245,214,3,.18), transparent 30%),
        linear-gradient(135deg, #f8faf8 0%, #ffffff 55%, #eef7f5 100%);
}

.playgold365-about-page .pgab-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 55px;
    min-height: 560px;
    padding: 70px 0;
}

.playgold365-about-page .pgab-hero-content { max-width: 600px; }

.playgold365-about-page .pgab-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    background: var(--pgab-yellow-soft);
    border: 1px solid #e8c34a;
    border-radius: 999px;
    color: var(--pgab-navy);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.playgold365-about-page .pgab-hero h1 {
    margin: 20px 0;
    color: var(--pgab-navy);
    font-size: clamp(40px, 5vw, 64px);
    line-height: 1.03;
    letter-spacing: -.045em;
}

.playgold365-about-page .pgab-hero h1 span { display: block; color: var(--pgab-green); }

.playgold365-about-page .pgab-hero-content > p {
    margin: 0;
    max-width: 560px;
    color: var(--pgab-navy-soft);
    font-size: 18px;
    line-height: 1.75;
}

.playgold365-about-page .pgab-hero-image {
    position: relative;
    min-height: 420px;
    border-radius: 26px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at center, rgba(245,214,3,.14), transparent 45%),
        linear-gradient(145deg, var(--pgab-navy-dark), var(--pgab-navy-soft));
}

.playgold365-about-page .pgab-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.playgold365-about-page .pgab-hero-image-placeholder {
    color: rgba(255,255,255,.55);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    border: 1px dashed rgba(255,255,255,.3);
    border-radius: 16px;
    padding: 14px 20px;
}

/* =========================================================
   SECTION SHELLS
   ========================================================= */

.playgold365-about-page .pgab-section { padding: 90px 0; background: #fff; }
.playgold365-about-page .pgab-section-alt { background: var(--pgab-off-white); }
.playgold365-about-page .pgab-section-dark { background: var(--pgab-navy-dark); color: #fff; }
.playgold365-about-page .pgab-section-yellow {
    background:
        radial-gradient(circle at 15% 20%, rgba(245,214,3,.14), transparent 30%),
        var(--pgab-yellow-soft);
}

.playgold365-about-page .pgab-section-heading {
    max-width: 760px;
    margin-bottom: 38px;
}

.playgold365-about-page .pgab-section-label {
    display: block;
    margin-bottom: 8px;
    color: var(--pgab-green);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.playgold365-about-page .pgab-section-dark .pgab-section-label { color: var(--pgab-yellow); }

.playgold365-about-page .pgab-section-heading h2 {
    margin: 0 0 10px;
    color: var(--pgab-navy);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.12;
    letter-spacing: -.03em;
}

.playgold365-about-page .pgab-section-dark .pgab-section-heading h2 { color: #fff; }

.playgold365-about-page .pgab-section-heading p {
    margin: 0;
    color: var(--pgab-muted);
    font-size: 15px;
    max-width: 680px;
}

.playgold365-about-page .pgab-section-dark .pgab-section-heading p { color: #c7d8d3; }

/* =========================================================
   "WHAT YOU'LL FIND" — FEATURE CARD GRID
   ========================================================= */

.playgold365-about-page .pgab-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.playgold365-about-page .pgab-feature-card {
    padding: 26px;
    background: #fff;
    border: 1px solid var(--pgab-border);
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(5,36,59,.04);
    transition: transform .25s ease, box-shadow .25s ease;
}

.playgold365-about-page .pgab-feature-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--pgab-shadow);
}

.playgold365-about-page .pgab-feature-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 16px;
    border-radius: 14px;
    background: var(--pgab-green-soft);
    color: var(--pgab-green);
    font-weight: 900;
    font-size: 15px;
}

.playgold365-about-page .pgab-feature-card h3 {
    margin: 0 0 6px;
    color: var(--pgab-navy);
    font-size: 18px;
}

.playgold365-about-page .pgab-feature-card p {
    margin: 0;
    color: var(--pgab-muted);
    font-size: 14px;
    line-height: 1.6;
}

/* =========================================================
   CHECK LISTS (Information First / Content Approach /
   Account Security / Responsible Betting)
   ========================================================= */

.playgold365-about-page .pgab-check-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.playgold365-about-page .pgab-check-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--pgab-border);
    border-radius: 15px;
    font-size: 14px;
    font-weight: 750;
    color: var(--pgab-navy);
}

.playgold365-about-page .pgab-check-item > span {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--pgab-green-soft);
    color: var(--pgab-green);
    font-size: 13px;
    font-weight: 900;
}

.playgold365-about-page .pgab-check-item.pgab-warn > span {
    background: var(--pgab-yellow-soft);
    color: var(--pgab-navy);
}

.playgold365-about-page .pgab-note {
    margin-top: 22px;
    max-width: 780px;
    color: var(--pgab-muted);
    font-size: 14px;
}

.playgold365-about-page .pgab-section-dark .pgab-note { color: #c7d8d3; }

/* =========================================================
   RESPONSIBLE BETTING — TWO COLUMN
   ========================================================= */

.playgold365-about-page .pgab-responsible-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 55px;
    align-items: start;
}

.playgold365-about-page .pgab-responsible-content > p {
    max-width: 460px;
    margin: 0;
    color: var(--pgab-text);
    font-size: 15px;
}

.playgold365-about-page .pgab-age-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    padding: 11px 15px;
    background: #fff;
    border: 1px solid var(--pgab-border);
    border-radius: 13px;
    box-shadow: 0 8px 25px rgba(5,36,59,.06);
}

.playgold365-about-page .pgab-age-badge strong {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--pgab-navy);
    color: #fff;
    font-size: 11px;
}

.playgold365-about-page .pgab-age-badge span {
    color: var(--pgab-muted);
    font-size: 13px;
    font-weight: 700;
}

.playgold365-about-page .pgab-responsible-list {
    display: grid;
    gap: 10px;
}

.playgold365-about-page .pgab-responsible-list li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--pgab-border);
    border-radius: 14px;
    font-size: 14px;
    color: var(--pgab-navy);
}

.playgold365-about-page .pgab-responsible-list li::before {
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--pgab-green);
}

.playgold365-about-page .pgab-content { max-width: 900px; }
.playgold365-about-page .pgab-content h2 { color: var(--pgab-navy); }
.playgold365-about-page .pgab-content p { color: var(--pgab-text); }

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {
    .playgold365-about-page .pgab-hero-grid { grid-template-columns: 1fr; min-height: auto; }
    .playgold365-about-page .pgab-hero-image { min-height: 320px; }
    .playgold365-about-page .pgab-feature-grid { grid-template-columns: repeat(2, 1fr); }
    .playgold365-about-page .pgab-check-grid { grid-template-columns: repeat(2, 1fr); }
    .playgold365-about-page .pgab-responsible-grid { grid-template-columns: 1fr; gap: 35px; }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {
    .playgold365-about-page .pgab-container { width: calc(100% - 28px); }
    .playgold365-about-page .pgab-hero-grid { padding: 50px 0; gap: 30px; }
    .playgold365-about-page .pgab-hero h1 { font-size: 38px; }
    .playgold365-about-page .pgab-hero-content > p { font-size: 16px; }
    .playgold365-about-page .pgab-section { padding: 60px 0; }
    .playgold365-about-page .pgab-feature-grid,
    .playgold365-about-page .pgab-check-grid { grid-template-columns: 1fr; }
}


/* Blog templates */
.pg-blog-hero{padding:65px 0;background:linear-gradient(135deg,var(--navy-dark),var(--navy));color:#fff}.pg-blog-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.05;margin:12px 0}.pg-blog-hero p{color:#c7d8d3;max-width:700px}.pg-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pg-post-card{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 8px 30px rgba(5,36,59,.06);transition:.28s transform,.28s box-shadow}.pg-post-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.pg-post-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy-soft),var(--navy-dark));overflow:hidden}.pg-post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.45s transform}.pg-post-card:hover .pg-post-thumb img{transform:scale(1.05)}.pg-post-thumb-placeholder{height:100%;display:grid;place-items:center;color:var(--yellow);font-size:45px}.pg-post-body{padding:23px}.pg-post-meta{font-size:12px;color:var(--green);font-weight:800;margin-bottom:8px}.pg-post-body h2{font-size:22px;line-height:1.25;margin:0 0 9px;color:var(--navy)}.pg-post-excerpt{font-size:14px;color:var(--muted);margin:0 0 15px}.pg-read{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:850}.pg-read svg{width:16px;height:16px}.pg-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.pg-pagination a,.pg-pagination span{padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--navy);font-weight:800}.pg-pagination .current{background:var(--green);color:#fff;border-color:var(--green)}.pg-single{padding:70px 0}.pg-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px}.pg-single-article{min-width:0}.pg-single-title{font-size:clamp(38px,5vw,60px);line-height:1.08;color:var(--navy);margin:0 0 12px}.pg-single-meta{color:var(--green);font-size:13px;font-weight:800;margin-bottom:28px}.pg-featured{border-radius:22px;overflow:hidden;margin:0 0 35px;background:var(--navy-soft)}.pg-featured img{width:100%;display:block;max-height:560px;object-fit:cover}.pg-single-content{font-size:17px;color:var(--text)}.pg-single-content h2{font-size:31px;line-height:1.2;color:var(--navy);margin:42px 0 12px}.pg-single-content h3{color:var(--navy);margin-top:28px}.pg-single-content a{color:var(--green);font-weight:750}.pg-single-content img{border-radius:16px}.pg-single-content blockquote{margin:25px 0;padding:18px 22px;border-left:4px solid var(--yellow);background:var(--yellow-soft);border-radius:10px}.pg-post-side{height:max-content;position:sticky;top:105px}.pg-post-side-card{background:var(--green-soft);border:1px solid #b9d8d2;border-radius:22px;padding:24px}.pg-post-side-card h3{margin:0 0 8px;color:var(--navy)}.pg-post-side-card p{font-size:13px;color:var(--muted)}.pg-related{margin-top:65px;padding-top:50px;border-top:1px solid var(--border)}.pg-related h2{color:var(--navy);font-size:32px}.pg-empty{padding:50px;background:var(--off-white);border:1px dashed var(--border);border-radius:22px;text-align:center}.pg-dark-section .pg-post-card{background:var(--navy);border-color:rgba(255,255,255,.1)}.pg-dark-section .pg-post-body h2{color:#fff}.pg-dark-section .pg-post-excerpt{color:#c3d5de}


/* =========================================================
   BLOG TEMPLATES — SINGLE SOURCE
   ========================================================= */
.pg-blog-page .pg-post-grid,
.pg-related .pg-post-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.pg-post-card { min-width:0; }
.pg-post-card img { display:block; }
.pg-pagination ul { list-style:none; padding:0; margin:40px 0 0; display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.pg-pagination li { margin:0; }
@media (max-width: 1000px) {
  .pg-blog-page .pg-post-grid,
  .pg-related .pg-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pg-single-layout { grid-template-columns:1fr; }
  .pg-post-side { position:static; }
}
@media (max-width: 600px) {
  .pg-blog-page .pg-post-grid,
  .pg-related .pg-post-grid { grid-template-columns:1fr; }
  .pg-blog-hero { padding:48px 0; }
  .pg-single { padding:48px 0; }
}
/* =========================================================
   GOLDPLAY99 ABOUT PAGE
   Additional components
   ========================================================= */


/* ---------------------------------------------------------
   Feature icons
   --------------------------------------------------------- */

.pgab-feature-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;

  color: #fd8801;
  background: rgba(201, 152, 32, .10);
  border: 1px solid rgba(201, 152, 32, .18);
  border-radius: 12px;
}

.pgab-feature-icon svg {
  width: 23px;
  height: 23px;
}


/* ---------------------------------------------------------
   Information panel
   --------------------------------------------------------- */

.pgab-info-panel {
  display: flex;
  align-items: flex-start;
  gap: 22px;

  padding: 28px;
  margin-top: 35px;

  background: #fff;
  border: 1px solid rgba(20, 30, 50, .09);
  border-radius: 16px;

  box-shadow: 0 12px 35px rgba(20, 30, 50, .06);
}

.pgab-info-panel-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fd8801;
  background: #fff4cc;
  border-radius: 12px;
}

.pgab-info-panel-icon svg {
  width: 23px;
  height: 23px;
}

.pgab-info-panel h3 {
  margin: 0 0 8px;
}

.pgab-info-panel p {
  margin: 0 0 10px;
  line-height: 1.7;
  color: #5f6f6b;
}

.pgab-info-panel p:last-child {
  margin-bottom: 0;
}


/* ---------------------------------------------------------
   Security notice
   --------------------------------------------------------- */

.pgab-security-note {
  display: flex;
  align-items: center;
  gap: 16px;

  margin-top: 32px;
  padding: 20px 24px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
}

.pgab-security-note svg {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  color: #f0c84b;
}

.pgab-security-note p {
  margin: 0;
  color: rgba(255,255,255,.78);
  line-height: 1.65;
}


/* ---------------------------------------------------------
   Contact section
   --------------------------------------------------------- */

.pgab-contact-section {
  padding: 90px 0;
  background: #f7f8fa;
}

.pgab-contact-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: center;

  padding: 45px;

  background: #17332f;
  border-radius: 20px;
  color: #fff;

  box-shadow: 0 20px 55px rgba(20, 30, 50, .16);
}

.pgab-contact-icon {
  width: 64px;
  height: 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #17332f;
  background: #ffd100;
  border-radius: 16px;
}

.pgab-contact-icon svg {
  width: 28px;
  height: 28px;
}

.pgab-contact-content h2 {
  margin: 7px 0 12px;
  color: #fff;
}

.pgab-contact-content p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.7;
}

.pgab-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
}


/* ---------------------------------------------------------
   Buttons
   --------------------------------------------------------- */

.pgab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  min-height: 48px;
  padding: 12px 20px;

  color: #17332f;
  background: #ffd100;

  border: 1px solid #ffd100;
  border-radius: 9px;

  font-weight: 700;
  text-decoration: none;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.pgab-btn:hover {
  color: #17332f;
  background: #ffd968;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(245,197,66,.20);
}

.pgab-btn svg {
  width: 17px;
  height: 17px;
}

.pgab-btn-light {
  color: #fff;
  background: transparent;
  border-color: rgba(255,255,255,.25);
}

.pgab-btn-light:hover {
  color: #fff;
  background: rgba(255,255,255,.08);
}


/* ---------------------------------------------------------
   Responsible list icons
   --------------------------------------------------------- */

.pgab-responsible-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pgab-responsible-list li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.pgab-responsible-list li + li {
  margin-top: 14px;
}

.pgab-responsible-list svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  color: #123f9e;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .pgab-contact-section {
    padding: 60px 0;
  }

  .pgab-contact-box {
    grid-template-columns: 1fr;
    padding: 28px 22px;
    gap: 20px;
  }

  .pgab-contact-actions {
    flex-direction: column;
  }

  .pgab-contact-actions .pgab-btn {
    width: 100%;
  }

  .pgab-info-panel {
    padding: 22px;
    gap: 15px;
  }

  .pgab-security-note {
    align-items: flex-start;
    padding: 18px;
  }

  .pgab-feature-icon {
    margin-bottom: 15px;
  }

}/* =========================================================
   GOLDPLAY99 WHATSAPP NUMBER PAGE
   ========================================================= */

.goldplay99-whatsapp-page {
  --gpwa-dark: #111827;
  --gpwa-dark-2: #17332f;
  --gpwa-text: #17332f;
  --gpwa-muted: #5f6f6b;
  --gpwa-yellow: #ffd100;
  --gpwa-yellow-light: #fff4cc;
  --gpwa-green: #25d366;
  --gpwa-border: rgba(20, 30, 50, .09);
  --gpwa-bg: #f7f8fa;
}


/* =========================================================
   GLOBAL
   ========================================================= */

.gpwa-container {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}

.gpwa-narrow {
  max-width: 850px;
}

.gpwa-section {
  padding: 95px 0;
}

.gpwa-section-light {
  background: #f7f8fa;
}

.gpwa-section-dark {
  background: var(--gpwa-dark);
  color: #fff;
}

.gpwa-section-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  margin-bottom: 12px;

  color: #123f9e;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.gpwa-heading {
  max-width: 780px;
  margin-bottom: 45px;
}

.gpwa-heading h2 {
  margin: 0 0 14px;
  color: var(--gpwa-text);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.12;
}

.gpwa-heading p {
  margin: 0;
  max-width: 720px;
  color: var(--gpwa-muted);
  line-height: 1.75;
}

.gpwa-heading-dark h2 {
  color: #fff;
}

.gpwa-heading-dark p {
  color: rgba(255,255,255,.68);
}

.gpwa-heading-dark .gpwa-section-label {
  color: #ffd100;
}


/* =========================================================
   REVEAL ANIMATION
   ========================================================= */

.gpwa-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.7,.2,1);
}

.gpwa-reveal.gpwa-visible {
  opacity: 1;
  transform: translateY(0);
}


/* stagger cards */

.gpwa-support-card:nth-child(2),
.gpwa-situation-card:nth-child(2),
.gpwa-step:nth-child(2) {
  transition-delay: .08s;
}

.gpwa-support-card:nth-child(3),
.gpwa-situation-card:nth-child(3),
.gpwa-step:nth-child(3) {
  transition-delay: .16s;
}

.gpwa-support-card:nth-child(4),
.gpwa-situation-card:nth-child(4),
.gpwa-step:nth-child(4) {
  transition-delay: .24s;
}


/* =========================================================
   HERO
   ========================================================= */

.gpwa-hero {
  position: relative;
  overflow: hidden;

  padding: 95px 0 100px;

  background:
    radial-gradient(circle at 80% 30%, rgba(37,211,102,.10), transparent 30%),
    radial-gradient(circle at 15% 20%, rgba(245,197,66,.12), transparent 32%),
    #fff;
}

.gpwa-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 70px;
}

.gpwa-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-bottom: 20px;

  color: #123f9e;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.gpwa-eyebrow svg {
  width: 18px;
  height: 18px;
}

.gpwa-hero h1 {
  max-width: 720px;
  margin: 0 0 22px;

  color: var(--gpwa-text);
  font-size: clamp(42px, 5.5vw, 70px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.gpwa-hero h1 span {
  color: #123f9e;
}

.gpwa-lead {
  max-width: 680px;
  margin: 0;

  color: #566174;
  font-size: 19px;
  line-height: 1.75;
}

.gpwa-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.gpwa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  min-height: 50px;
  padding: 13px 21px;

  border-radius: 9px;

  font-weight: 800;
  text-decoration: none;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.gpwa-btn svg {
  width: 17px;
  height: 17px;
}

.gpwa-btn-primary {
  color: #17332f;
  background: var(--gpwa-yellow);
  border: 1px solid var(--gpwa-yellow);
}

.gpwa-btn-primary:hover {
  color: #17332f;
  background: #ffd968;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(245,197,66,.25);
}

.gpwa-btn-outline {
  color: var(--gpwa-text);
  background: transparent;
  border: 1px solid rgba(23,32,51,.18);
}

.gpwa-btn-outline:hover {
  color: var(--gpwa-text);
  background: #fff;
  transform: translateY(-2px);
}


/* =========================================================
   TRUST ROW
   ========================================================= */

.gpwa-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.gpwa-trust-row div {
  display: flex;
  align-items: center;
  gap: 7px;

  color: #697386;
  font-size: 13px;
  font-weight: 600;
}

.gpwa-trust-row svg {
  width: 17px;
  height: 17px;
  color: #123f9e;
}


/* =========================================================
   HERO WHATSAPP VISUAL
   ========================================================= */

.gpwa-hero-visual {
  position: relative;
  min-height: 420px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gpwa-whatsapp-orbit {
  position: relative;

  width: 270px;
  height: 270px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gpwa-orbit-ring {
  position: absolute;
  inset: 0;

  border: 1px solid rgba(37,211,102,.22);
  border-radius: 50%;

  animation: gpwaRotate 18s linear infinite;
}

.gpwa-orbit-ring::before,
.gpwa-orbit-ring::after {
  content: '';
  position: absolute;

  width: 10px;
  height: 10px;

  background: var(--gpwa-green);
  border-radius: 50%;

  box-shadow: 0 0 0 8px rgba(37,211,102,.10);
}

.gpwa-orbit-ring::before {
  top: 15px;
  left: 50%;
}

.gpwa-orbit-ring::after {
  bottom: 28px;
  right: 15px;
}

.gpwa-whatsapp-icon {
  position: relative;
  z-index: 2;

  width: 130px;
  height: 130px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  background: var(--gpwa-green);
  border-radius: 50%;

  box-shadow:
    0 20px 50px rgba(37,211,102,.25),
    0 0 0 18px rgba(37,211,102,.07);

  animation: gpwaFloat 4s ease-in-out infinite;
}

.gpwa-whatsapp-icon svg {
  width: 60px;
  height: 60px;
}

.gpwa-pulse {
  position: absolute;
  inset: 50% auto auto 50%;

  width: 130px;
  height: 130px;

  transform: translate(-50%, -50%);

  border: 1px solid rgba(37,211,102,.25);
  border-radius: 50%;

  animation: gpwaPulse 2.8s ease-out infinite;
}

.gpwa-pulse-two {
  animation-delay: 1.4s;
}


/* =========================================================
   FLOATING CARDS
   ========================================================= */

.gpwa-floating-card {
  position: absolute;
  z-index: 4;

  display: flex;
  align-items: center;
  gap: 12px;

  padding: 14px 17px;

  background: rgba(255,255,255,.96);
  border: 1px solid rgba(20,30,50,.08);
  border-radius: 12px;

  box-shadow: 0 15px 40px rgba(20,30,50,.10);

  animation: gpwaFloat 4s ease-in-out infinite;
}

.gpwa-floating-card svg {
  width: 22px;
  height: 22px;
  color: #123f9e;
}

.gpwa-floating-card strong,
.gpwa-floating-card small {
  display: block;
}

.gpwa-floating-card strong {
  color: var(--gpwa-text);
  font-size: 13px;
}

.gpwa-floating-card small {
  margin-top: 3px;
  color: #7a8494;
  font-size: 11px;
}

.gpwa-floating-top {
  top: 45px;
  right: 5px;
}

.gpwa-floating-bottom {
  bottom: 50px;
  left: 10px;
  animation-delay: -2s;
}


/* =========================================================
   CONTACT CARD
   ========================================================= */

.gpwa-contact-section {
  padding-top: 70px;
}

.gpwa-contact-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;

  padding: 45px;

  background: var(--gpwa-dark);
  border-radius: 20px;

  box-shadow: 0 20px 55px rgba(20,30,50,.15);
}

.gpwa-contact-icon {
  width: 68px;
  height: 68px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  background: var(--gpwa-green);
  border-radius: 17px;

  box-shadow: 0 10px 30px rgba(37,211,102,.20);
}

.gpwa-contact-icon svg {
  width: 31px;
  height: 31px;
}

.gpwa-contact-content h2 {
  margin: 5px 0 12px;
  color: #fff;
}

.gpwa-contact-content > p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.70);
  line-height: 1.7;
}

.gpwa-contact-content .gpwa-section-label {
  color: #ffd100;
}


/* =========================================================
   NUMBER BOX
   ========================================================= */

.gpwa-number-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  max-width: 650px;

  margin: 25px 0;

  padding: 18px 21px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 11px;
}

.gpwa-number-label {
  color: rgba(255,255,255,.60);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.gpwa-number-box strong {
  color: #fff;
  font-size: 20px;
}

.gpwa-small-note {
  max-width: 700px;
  margin: 16px 0 0 !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 13px;
}


/* =========================================================
   SUPPORT CARDS
   ========================================================= */

.gpwa-support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 17px;
}

.gpwa-support-card {
  position: relative;

  min-height: 220px;
  padding: 25px;

  background: #fff;
  border: 1px solid var(--gpwa-border);
  border-radius: 15px;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.gpwa-support-card:hover {
  transform: translateY(-5px);
  border-color: rgba(201,152,32,.30);
  box-shadow: 0 18px 40px rgba(20,30,50,.08);
}

.gpwa-card-icon {
  width: 45px;
  height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #123f9e;
  background: var(--gpwa-yellow-light);
  border-radius: 11px;
}

.gpwa-card-icon svg {
  width: 21px;
  height: 21px;
}

.gpwa-card-number {
  position: absolute;
  top: 25px;
  right: 22px;

  color: #c7ccd5;
  font-size: 12px;
  font-weight: 800;
}

.gpwa-support-card h3 {
  margin: 22px 0 8px;
  color: var(--gpwa-text);
  font-size: 18px;
}

.gpwa-support-card p {
  margin: 0;
  color: var(--gpwa-muted);
  font-size: 14px;
  line-height: 1.65;
}


/* =========================================================
   SITUATIONS
   ========================================================= */

.gpwa-situation-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.gpwa-situation-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;

  padding: 27px;

  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 15px;

  transition:
    transform .25s ease,
    background .25s ease;
}

.gpwa-situation-card:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.075);
}

.gpwa-situation-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #ffd100;
  background: rgba(245,197,66,.10);
  border-radius: 12px;
}

.gpwa-situation-icon svg {
  width: 21px;
  height: 21px;
}

.gpwa-situation-card span {
  color: #ffd100;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
}

.gpwa-situation-card h3 {
  margin: 5px 0 7px;
  color: #fff;
  font-size: 19px;
}

.gpwa-situation-card p {
  margin: 0;
  color: rgba(255,255,255,.63);
  line-height: 1.65;
  font-size: 14px;
}


/* =========================================================
   SECURITY
   ========================================================= */

.gpwa-security-section {
  background: #fffaf0;
}

.gpwa-security-card {
  padding: 42px;

  background: #fff;
  border: 1px solid rgba(201,152,32,.16);
  border-radius: 18px;

  box-shadow: 0 15px 45px rgba(20,30,50,.07);
}

.gpwa-security-header {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.gpwa-security-icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #9b7110;
  background: #fff4d0;
  border-radius: 13px;
}

.gpwa-security-icon svg {
  width: 25px;
  height: 25px;
}

.gpwa-security-header h2 {
  margin: 3px 0 8px;
  color: var(--gpwa-text);
}

.gpwa-security-header p {
  margin: 0;
  color: var(--gpwa-muted);
}


.gpwa-danger-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;

  margin-top: 30px;
}

.gpwa-danger-grid > div {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 14px;

  color: #123f9e;
  background: #fff4f2;
  border: 1px solid #f5d7d2;
  border-radius: 9px;

  font-size: 13px;
  font-weight: 700;
}

.gpwa-danger-grid span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;

  color: #b54a3e;
  background: #ffe2de;
  border-radius: 50%;
}


.gpwa-security-footer {
  display: flex;
  align-items: flex-start;
  gap: 12px;

  margin-top: 25px;
  padding-top: 22px;

  border-top: 1px solid var(--gpwa-border);
}
.pg-notice svg {
    width:100px;
}


/* =========================================================
   PLAYGOLD365 2026 THEME OVERRIDES
   Unified palette + template/icon reliability layer
   ========================================================= */
:root{
  --pg-brown:#123f9e;
  --pg-green:#1f7ae0;
  --pg-orange:#fd8801;
  --pg-yellow:#ffd100;
  --pg-text:#17332f;
  --pg-muted:#5f6f6b;
  --pg-border:#d7e4df;
  --pg-green-soft:#e8f1fd;
  --pg-yellow-soft:#fff4cc;
}
.pg-header{background:#8a4e00!important;border-bottom-color:rgba(255,255,255,.16)!important}
.pg-footer{background:#8a4e00!important}
.pg-header .pg-brand,.pg-header .pg-menu>a{color:#fff}
.pg-header .pg-menu>a:not(.pg-btn):hover{color:#ffd100}
.pg-logo-mark{background:#ffd100;color:#8a4e00}
.pg-btn{background:#fd8801;color:#fff}
.pg-btn:hover{background:#116257}
.pg-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.pg-btn-light{background:#fff;color:#8a4e00}
.pg-btn-yellow{background:#ffd100;color:#8a4e00}
.pg-menu-toggle span{background:#fff}
.pg-eyebrow{background:#fff4cc;color:#123f9e;border-color:#e8c34a}
.pg-icon{background:#e8f1fd;color:#1f7ae0}
.pg-card h3,.pg-card-link b,.pg-content h1,.pg-content h2,.pg-content h3,
.pg-single-title,.pg-single-content h2,.pg-single-content h3,
.pg-post-body h2,.pg-related h2{color:#123f9e}
.pg-card a,.pg-card-link>svg,.pg-content a,.pg-link-label,.pg-post-meta,.pg-read,
.pg-single-meta{color:#1f7ae0}
.pg-kicker{color:#1f7ae0}
.pg-soft,.pg-contact,.pg-empty{background:#f8faf8}
.pg-side-card,.pg-post-side-card{background:#e8f1fd;border-color:#b9d8d2}
.pg-table th{background:#fff4cc;color:#123f9e}
.pg-table,.pg-card,.pg-card-link,.pg-form,.pg-post-card{border-color:#d7e4df}
.pg-hero{background:linear-gradient(135deg,#f8faf8,#fff)}
.pg-blog-hero,.pg-page-hero{background:linear-gradient(135deg,#123f9e,#1f7ae0)}
.pg-post-thumb{background:linear-gradient(135deg,#1f7ae0,#123f9e)}
.pg-post-thumb-placeholder{color:#ffd100}
.pg-pagination a,.pg-pagination span{color:#123f9e;border-color:#d7e4df}
.pg-pagination .current{background:#1f7ae0;border-color:#1f7ae0}
.pg-single-content blockquote{border-left-color:#ffd100;background:#fff4cc}
.pg-cta{background:#1f7ae0}
.pg-dark-section{background:#123f9e}
.pg-responsible-section{background:#fff4cc}
.pg-footer h4{color:#ffd100}
.pg-footer-grid>div>a:not(.pg-brand):hover{color:#ffd100}
.pg-footer-bottom{border-top-color:rgba(255,255,255,.18)}
.pg-hero-art img,.pg-feature img{filter:drop-shadow(0 20px 35px rgba(18,63,158,.16))}

/* Blog grid: one stable definition for archive, posts page and related posts. */
.pg-blog-page .pg-post-grid,
.pg-related .pg-post-grid,
.pg-post-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.pg-post-card{min-width:0;height:100%;display:flex;flex-direction:column}
.pg-post-thumb{width:100%;display:block;aspect-ratio:16/9;overflow:hidden}
.pg-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pg-post-body{display:flex;flex:1;flex-direction:column}
.pg-post-body .pg-read{margin-top:auto;padding-top:8px}
.pg-single-layout{align-items:start}
.pg-single-article{min-width:0}
.pg-single-content{overflow-wrap:anywhere}
.pg-single-content img{max-width:100%;height:auto}
.pg-post-side{height:max-content}

/* Reliable SVG icon sizing/fill across every template. */
.pg-eyebrow svg,.pg-btn svg,.pg-card-link>svg,.pg-contact-note>svg,
.pg-icon svg,.pg-read svg,.pg-logo-mark svg,.pg-float-card svg{
  display:inline-block;
  width:1.15em;
  height:1.15em;
  flex:0 0 auto;
  fill:currentColor;
  vertical-align:-.15em;
}
.pg-icon svg,.pg-float-card svg{fill:currentColor}
.pg-post-thumb-placeholder svg{width:48px;height:48px;fill:currentColor}
.pg-contact-note>svg{color:#1f7ae0}

/* Font Awesome fallback sizing when templates use <i class="fa-solid ...">. */
.fa-solid,.fa-regular,.fa-brands{display:inline-block;line-height:1;font-style:normal}
.gp99-content i[class^="fa-"],.gp99-content i[class*=" fa-"],
.gp99-payments i[class^="fa-"],.gp99-payments i[class*=" fa-"]{line-height:1}

/* Responsive template protection */
@media(max-width:1000px){
  .pg-blog-page .pg-post-grid,.pg-related .pg-post-grid,.pg-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .pg-blog-page .pg-post-grid,.pg-related .pg-post-grid,.pg-post-grid{grid-template-columns:1fr}
  .pg-container{width:min(100% - 28px,1180px)}
  .pg-post-card{width:100%}
}


/* =========================================================
   PAGE-SPECIFIC TEMPLATE STYLES
   (Merged from individual template <style> blocks so the whole
   theme is styled from this single stylesheet.)
   ========================================================= */

/* =========================================================
   PAGE TEMPLATE: GoldPlay99-whatsApp.php
   ========================================================= */
    /* =========================================================
   GOLDPLAY99 WHATSAPP NUMBER PAGE
   ========================================================= */

.goldplay99-whatsapp-page {
  --gpwa-dark: #111827;
  --gpwa-dark-2: #17332f;
  --gpwa-text: #17332f;
  --gpwa-muted: #5f6f6b;
  --gpwa-yellow: #ffd100;
  --gpwa-yellow-light: #fff4cc;
  --gpwa-green: #25d366;
  --gpwa-border: rgba(20, 30, 50, .09);
  --gpwa-bg: #f7f8fa;
}


/* =========================================================
   GLOBAL
   ========================================================= */

.gpwa-container {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}

.gpwa-narrow {
  max-width: 850px;
}

.gpwa-section {
  padding: 95px 0;
}

.gpwa-section-light {
  background: #f7f8fa;
}

.gpwa-section-dark {
  background: var(--gpwa-dark);
  color: #fff;
}

.gpwa-section-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  margin-bottom: 12px;

  color: #123f9e;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.gpwa-heading {
  max-width: 780px;
  margin-bottom: 45px;
}

.gpwa-heading h2 {
  margin: 0 0 14px;
  color: var(--gpwa-text);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.12;
}

.gpwa-heading p {
  margin: 0;
  max-width: 720px;
  color: var(--gpwa-muted);
  line-height: 1.75;
}

.gpwa-heading-dark h2 {
  color: #fff;
}

.gpwa-heading-dark p {
  color: rgba(255,255,255,.68);
}

.gpwa-heading-dark .gpwa-section-label {
  color: #ffd100;
}


/* =========================================================
   REVEAL ANIMATION
   ========================================================= */

.gpwa-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.7,.2,1);
}

.gpwa-reveal.gpwa-visible {
  opacity: 1;
  transform: translateY(0);
}


/* stagger cards */

.gpwa-support-card:nth-child(2),
.gpwa-situation-card:nth-child(2),
.gpwa-step:nth-child(2) {
  transition-delay: .08s;
}

.gpwa-support-card:nth-child(3),
.gpwa-situation-card:nth-child(3),
.gpwa-step:nth-child(3) {
  transition-delay: .16s;
}

.gpwa-support-card:nth-child(4),
.gpwa-situation-card:nth-child(4),
.gpwa-step:nth-child(4) {
  transition-delay: .24s;
}


/* =========================================================
   HERO
   ========================================================= */

.gpwa-hero {
  position: relative;
  overflow: hidden;

  padding: 95px 0 100px;

  background:
    radial-gradient(circle at 80% 30%, rgba(37,211,102,.10), transparent 30%),
    radial-gradient(circle at 15% 20%, rgba(245,197,66,.12), transparent 32%),
    #fff;
}

.gpwa-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 70px;
}

.gpwa-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-bottom: 20px;

  color: #123f9e;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.gpwa-eyebrow svg {
  width: 18px;
  height: 18px;
}

.gpwa-hero h1 {
  max-width: 720px;
  margin: 0 0 22px;

  color: var(--gpwa-text);
  font-size: clamp(42px, 5.5vw, 70px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.gpwa-hero h1 span {
  color: #123f9e;
}

.gpwa-lead {
  max-width: 680px;
  margin: 0;

  color: #566174;
  font-size: 19px;
  line-height: 1.75;
}

.gpwa-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.gpwa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  min-height: 50px;
  padding: 13px 21px;

  border-radius: 9px;

  font-weight: 800;
  text-decoration: none;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.gpwa-btn svg {
  width: 17px;
  height: 17px;
}

.gpwa-btn-primary {
  color: #17332f;
  background: var(--gpwa-yellow);
  border: 1px solid var(--gpwa-yellow);
}

.gpwa-btn-primary:hover {
  color: #17332f;
  background: #ffd968;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(245,197,66,.25);
}

.gpwa-btn-outline {
  color: var(--gpwa-text);
  background: transparent;
  border: 1px solid rgba(23,32,51,.18);
}

.gpwa-btn-outline:hover {
  color: var(--gpwa-text);
  background: #fff;
  transform: translateY(-2px);
}


/* =========================================================
   TRUST ROW
   ========================================================= */

.gpwa-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.gpwa-trust-row div {
  display: flex;
  align-items: center;
  gap: 7px;

  color: #697386;
  font-size: 13px;
  font-weight: 600;
}

.gpwa-trust-row svg {
  width: 17px;
  height: 17px;
  color: #123f9e;
}


/* =========================================================
   HERO WHATSAPP VISUAL
   ========================================================= */

.gpwa-hero-visual {
  position: relative;
  min-height: 420px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gpwa-whatsapp-orbit {
  position: relative;

  width: 270px;
  height: 270px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.gpwa-orbit-ring {
  position: absolute;
  inset: 0;

  border: 1px solid rgba(37,211,102,.22);
  border-radius: 50%;

  animation: gpwaRotate 18s linear infinite;
}

.gpwa-orbit-ring::before,
.gpwa-orbit-ring::after {
  content: '';
  position: absolute;

  width: 10px;
  height: 10px;

  background: var(--gpwa-green);
  border-radius: 50%;

  box-shadow: 0 0 0 8px rgba(37,211,102,.10);
}

.gpwa-orbit-ring::before {
  top: 15px;
  left: 50%;
}

.gpwa-orbit-ring::after {
  bottom: 28px;
  right: 15px;
}

.gpwa-whatsapp-icon {
  position: relative;
  z-index: 2;

  width: 130px;
  height: 130px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  background: var(--gpwa-green);
  border-radius: 50%;

  box-shadow:
    0 20px 50px rgba(37,211,102,.25),
    0 0 0 18px rgba(37,211,102,.07);

  animation: gpwaFloat 4s ease-in-out infinite;
}

.gpwa-whatsapp-icon svg {
  width: 60px;
  height: 60px;
}

.gpwa-pulse {
  position: absolute;
  inset: 50% auto auto 50%;

  width: 130px;
  height: 130px;

  transform: translate(-50%, -50%);

  border: 1px solid rgba(37,211,102,.25);
  border-radius: 50%;

  animation: gpwaPulse 2.8s ease-out infinite;
}

.gpwa-pulse-two {
  animation-delay: 1.4s;
}


/* =========================================================
   FLOATING CARDS
   ========================================================= */

.gpwa-floating-card {
  position: absolute;
  z-index: 4;

  display: flex;
  align-items: center;
  gap: 12px;

  padding: 14px 17px;

  background: rgba(255,255,255,.96);
  border: 1px solid rgba(20,30,50,.08);
  border-radius: 12px;

  box-shadow: 0 15px 40px rgba(20,30,50,.10);

  animation: gpwaFloat 4s ease-in-out infinite;
}

.gpwa-floating-card svg {
  width: 22px;
  height: 22px;
  color: #123f9e;
}

.gpwa-floating-card strong,
.gpwa-floating-card small {
  display: block;
}

.gpwa-floating-card strong {
  color: var(--gpwa-text);
  font-size: 13px;
}

.gpwa-floating-card small {
  margin-top: 3px;
  color: #7a8494;
  font-size: 11px;
}

.gpwa-floating-top {
  top: 45px;
  right: 5px;
}

.gpwa-floating-bottom {
  bottom: 50px;
  left: 10px;
  animation-delay: -2s;
}


/* =========================================================
   CONTACT CARD
   ========================================================= */

.gpwa-contact-section {
  padding-top: 70px;
}

.gpwa-contact-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;

  padding: 45px;

  background: var(--gpwa-dark);
  border-radius: 20px;

  box-shadow: 0 20px 55px rgba(20,30,50,.15);
}

.gpwa-contact-icon {
  width: 68px;
  height: 68px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  background: var(--gpwa-green);
  border-radius: 17px;

  box-shadow: 0 10px 30px rgba(37,211,102,.20);
}

.gpwa-contact-icon svg {
  width: 31px;
  height: 31px;
}

.gpwa-contact-content h2 {
  margin: 5px 0 12px;
  color: #fff;
}

.gpwa-contact-content > p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.70);
  line-height: 1.7;
}

.gpwa-contact-content .gpwa-section-label {
  color: #ffd100;
}


/* =========================================================
   NUMBER BOX
   ========================================================= */

.gpwa-number-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  max-width: 650px;

  margin: 25px 0;

  padding: 18px 21px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 11px;
}

.gpwa-number-label {
  color: rgba(255,255,255,.60);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.gpwa-number-box strong {
  color: #fff;
  font-size: 20px;
}

.gpwa-small-note {
  max-width: 700px;
  margin: 16px 0 0 !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 13px;
}


/* =========================================================
   SUPPORT CARDS
   ========================================================= */

.gpwa-support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 17px;
}

.gpwa-support-card {
  position: relative;

  min-height: 220px;
  padding: 25px;

  background: #fff;
  border: 1px solid var(--gpwa-border);
  border-radius: 15px;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.gpwa-support-card:hover {
  transform: translateY(-5px);
  border-color: rgba(201,152,32,.30);
  box-shadow: 0 18px 40px rgba(20,30,50,.08);
}

.gpwa-card-icon {
  width: 45px;
  height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #123f9e;
  background: var(--gpwa-yellow-light);
  border-radius: 11px;
}

.gpwa-card-icon svg {
  width: 21px;
  height: 21px;
}

.gpwa-card-number {
  position: absolute;
  top: 25px;
  right: 22px;

  color: #c7ccd5;
  font-size: 12px;
  font-weight: 800;
}

.gpwa-support-card h3 {
  margin: 22px 0 8px;
  color: var(--gpwa-text);
  font-size: 18px;
}

.gpwa-support-card p {
  margin: 0;
  color: var(--gpwa-muted);
  font-size: 14px;
  line-height: 1.65;
}


/* =========================================================
   SITUATIONS
   ========================================================= */

.gpwa-situation-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.gpwa-situation-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;

  padding: 27px;

  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 15px;

  transition:
    transform .25s ease,
    background .25s ease;
}

.gpwa-situation-card:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,.075);
}

.gpwa-situation-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #ffd100;
  background: rgba(245,197,66,.10);
  border-radius: 12px;
}

.gpwa-situation-icon svg {
  width: 21px;
  height: 21px;
}

.gpwa-situation-card span {
  color: #ffd100;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
}

.gpwa-situation-card h3 {
  margin: 5px 0 7px;
  color: #fff;
  font-size: 19px;
}

.gpwa-situation-card p {
  margin: 0;
  color: rgba(255,255,255,.63);
  line-height: 1.65;
  font-size: 14px;
}


/* =========================================================
   SECURITY
   ========================================================= */

.gpwa-security-section {
  background: #fffaf0;
}

.gpwa-security-card {
  padding: 42px;

  background: #fff;
  border: 1px solid rgba(201,152,32,.16);
  border-radius: 18px;

  box-shadow: 0 15px 45px rgba(20,30,50,.07);
}

.gpwa-security-header {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.gpwa-security-icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #9b7110;
  background: #fff4d0;
  border-radius: 13px;
}

.gpwa-security-icon svg {
  width: 25px;
  height: 25px;
}

.gpwa-security-header h2 {
  margin: 3px 0 8px;
  color: var(--gpwa-text);
}

.gpwa-security-header p {
  margin: 0;
  color: var(--gpwa-muted);
}


.gpwa-danger-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;

  margin-top: 30px;
}

.gpwa-danger-grid > div {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 14px;

  color: #123f9e;
  background: #fff4f2;
  border: 1px solid #f5d7d2;
  border-radius: 9px;

  font-size: 13px;
  font-weight: 700;
}

.gpwa-danger-grid span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 20px;
  height: 20px;

  color: #b54a3e;
  background: #ffe2de;
  border-radius: 50%;
}


.gpwa-security-footer {
  display: flex;
  align-items: flex-start;
  gap: 12px;

  margin-top: 25px;
  padding-top: 22px;

  border-top: 1px solid var(--gpwa-border);
}


/* =========================================================
   PAGE TEMPLATE: about.php
   ========================================================= */
    /* =========================================================
   GOLDPLAY99 ABOUT PAGE
   Complete standalone stylesheet
   ========================================================= */

.goldplay99-about-page {
  --gp-gold: #ffd100;
  --gp-gold-dark: #c99a24;
  --gp-dark: #17332f;
  --gp-dark-2: #1b263b;
  --gp-text: #17332f;
  --gp-muted: #5f6f6b;
  --gp-light: #f8faf8;
  --gp-border: #e7e9ee;
  --gp-white: #ffffff;

  color: var(--gp-text);
  background: #fff;
  font-family: inherit;
  line-height: 1.6;
}


/* =========================================================
   GLOBAL
   ========================================================= */

.goldplay99-about-page *,
.goldplay99-about-page *::before,
.goldplay99-about-page *::after {
  box-sizing: border-box;
}

.goldplay99-about-page img {
  max-width: 100%;
  height: auto;
}

.goldplay99-about-page a {
  text-decoration: none;
}

.pgab-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.pgab-section {
  padding: 90px 0;
}

.pgab-section-alt {
  background: var(--gp-light);
}


/* =========================================================
   HERO
   ========================================================= */

.pgab-hero {
  position: relative;
  overflow: hidden;
  padding: 90px 0;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(245, 197, 66, .16),
      transparent 30%
    ),
    linear-gradient(135deg, #17332f 0%, #18243a 100%);
  color: #fff;
}

.pgab-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr);
  align-items: center;
  gap: 70px;
}

.pgab-hero-content {
  max-width: 680px;
}

.pgab-eyebrow,
.pgab-section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: var(--gp-gold);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.pgab-eyebrow {
  margin-bottom: 18px;
}

.pgab-hero-content h1 {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

.pgab-hero-content h1 span {
  color: var(--gp-gold);
}

.pgab-hero-content p {
  max-width: 650px;
  margin: 0 0 18px;
  color: rgba(255,255,255,.76);
  font-size: 17px;
  line-height: 1.75;
}

.pgab-hero-image {
  min-height: 390px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );
}

.pgab-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
}

.pgab-hero-image-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 390px;

  color: rgba(255,255,255,.55);
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.02em;
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

.pgab-section-heading {
  max-width: 780px;
  margin-bottom: 45px;
}

.pgab-section-heading h2 {
  margin: 8px 0 14px;
  color: var(--gp-text);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.12;
  letter-spacing: -.025em;
}

.pgab-section-heading p {
  margin: 0 0 10px;
  color: var(--gp-muted);
  font-size: 16px;
  line-height: 1.75;
}

.pgab-section-dark .pgab-section-heading h2 {
  color: #fff;
}

.pgab-section-dark .pgab-section-heading p {
  color: rgba(255,255,255,.68);
}


/* =========================================================
   FEATURE CARDS
   ========================================================= */

.pgab-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.pgab-feature-card {
  min-height: 220px;
  padding: 28px;

  background: #fff;
  border: 1px solid var(--gp-border);
  border-radius: 16px;

  box-shadow: 0 8px 30px rgba(16, 24, 40, .045);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.pgab-feature-card:hover {
  transform: translateY(-4px);
  border-color: rgba(201,154,36,.35);
  box-shadow: 0 16px 38px rgba(16, 24, 40, .09);
}

.pgab-feature-icon {
  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 20px;

  color: var(--gp-gold-dark);
  background: #fff4cc;
  border: 1px solid rgba(201,154,36,.18);
  border-radius: 13px;
}

.pgab-feature-icon svg {
  width: 23px;
  height: 23px;
}

.pgab-feature-card h3 {
  margin: 0 0 9px;
  color: var(--gp-text);
  font-size: 20px;
  line-height: 1.25;
}

.pgab-feature-card p {
  margin: 0;
  color: var(--gp-muted);
  line-height: 1.7;
}


/* =========================================================
   CHECK / QUESTION GRID
   ========================================================= */

.pgab-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pgab-check-item {
  display: flex;
  align-items: center;
  gap: 13px;

  min-height: 58px;
  padding: 14px 18px;

  color: var(--gp-text);
  background: #fff;

  border: 1px solid var(--gp-border);
  border-radius: 10px;

  font-weight: 600;
}

.pgab-check-item > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #123f9e;
  background: #fff7d8;
  border-radius: 50%;
}

.pgab-check-item > span svg {
  width: 16px;
  height: 16px;
}


/* =========================================================
   WARN ITEMS
   ========================================================= */

.pgab-check-item.pgab-warn {
  color: inherit;
}

.pgab-check-item.pgab-warn > span {
  color: #b42318;
  background: rgba(180,35,24,.09);
}


/* =========================================================
   INFORMATION PANEL
   ========================================================= */

.pgab-info-panel {
  display: flex;
  align-items: flex-start;
  gap: 20px;

  padding: 28px;

  background: #fff;
  border: 1px solid var(--gp-border);
  border-radius: 16px;

  box-shadow: 0 12px 35px rgba(16,24,40,.055);
}

.pgab-info-panel-icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gp-gold-dark);
  background: #fff4cc;
  border-radius: 13px;
}

.pgab-info-panel-icon svg {
  width: 24px;
  height: 24px;
}

.pgab-info-panel h3 {
  margin: 0 0 8px;
  font-size: 21px;
}

.pgab-info-panel p {
  margin: 0 0 10px;
  color: var(--gp-muted);
  line-height: 1.7;
}

.pgab-info-panel p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   DARK SECTION
   ========================================================= */

.pgab-section-dark {
  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(245,197,66,.08),
      transparent 28%
    ),
    var(--gp-dark);
}

.pgab-section-dark .pgab-check-item {
  color: #fff;
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.10);
}

.pgab-section-dark .pgab-check-item.pgab-warn > span {
  color: #ff8e86;
  background: rgba(255,255,255,.08);
}


/* =========================================================
   SECURITY NOTE
   ========================================================= */

.pgab-security-note {
  display: flex;
  align-items: center;
  gap: 16px;

  margin-top: 28px;
  padding: 20px 24px;

  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
}

.pgab-security-note svg {
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  color: var(--gp-gold);
}

.pgab-security-note p {
  margin: 0;
  color: rgba(255,255,255,.75);
}


/* =========================================================
   RESPONSIBLE BETTING
   ========================================================= */

.pgab-section-yellow {
  padding: 90px 0;

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(255,255,255,.42),
      transparent 30%
    ),
    #ffd100;
}

.pgab-responsible-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px;
}

.pgab-responsible-content h2 {
  margin: 8px 0 15px;
  color: #17332f;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.1;
}

.pgab-responsible-content p {
  max-width: 650px;
  margin: 0 0 14px;
  color: rgba(23,32,51,.72);
  line-height: 1.75;
}

.pgab-age-badge {
  display: inline-flex;
  align-items: center;
  gap: 15px;

  margin-top: 18px;
  padding: 14px 18px;

  background: rgba(255,255,255,.45);
  border: 1px solid rgba(23,32,51,.10);
  border-radius: 12px;
}

.pgab-age-badge strong {
  font-size: 26px;
  line-height: 1;
}

.pgab-age-badge span {
  max-width: 250px;
  font-size: 13px;
  font-weight: 600;
}

.pgab-responsible-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pgab-responsible-list li {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 13px 0;

  border-bottom: 1px solid rgba(23,32,51,.12);

  color: #17332f;
  font-weight: 700;
}

.pgab-responsible-list li:last-child {
  border-bottom: 0;
}

.pgab-responsible-list svg {
  width: 19px;
  height: 19px;
  color: #7c5c00;
}


/* =========================================================
   CONTACT
   ========================================================= */

.pgab-contact-section {
  padding: 90px 0;
  background: #f8faf8;
}

.pgab-contact-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: center;

  padding: 45px;

  background: var(--gp-dark);
  border-radius: 20px;

  box-shadow: 0 20px 55px rgba(16,24,40,.15);
}

.pgab-contact-icon {
  width: 64px;
  height: 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #17332f;
  background: var(--gp-gold);
  border-radius: 16px;
}

.pgab-contact-icon svg {
  width: 28px;
  height: 28px;
}

.pgab-contact-content h2 {
  margin: 7px 0 12px;
  color: #fff;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.1;
}

.pgab-contact-content p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.7;
}

.pgab-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.pgab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  min-height: 48px;
  padding: 12px 20px;

  color: #17332f !important;
  background: var(--gp-gold);

  border: 1px solid var(--gp-gold);
  border-radius: 9px;

  font-weight: 800;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.pgab-btn:hover {
  color: #17332f !important;
  background: #ffd967;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(245,197,66,.22);
}

.pgab-btn svg {
  width: 17px;
  height: 17px;
}

.pgab-btn-light {
  color: #fff !important;
  background: transparent;
  border-color: rgba(255,255,255,.28);
}

.pgab-btn-light:hover {
  color: #fff !important;
  background: rgba(255,255,255,.08);
}


/* =========================================================
   EDITOR CONTENT
   ========================================================= */

.pgab-content {
  color: var(--gp-muted);
}

.pgab-content h2,
.pgab-content h3,
.pgab-content h4 {
  color: var(--gp-text);
}

.pgab-content p {
  line-height: 1.8;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

  .pgab-hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .pgab-hero-image {
    min-height: 320px;
  }

  .pgab-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pgab-responsible-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

}


@media (max-width: 640px) {

  .pgab-container {
    width: min(100% - 28px, 1180px);
  }

  .pgab-section,
  .pgab-section-yellow,
  .pgab-contact-section {
    padding: 60px 0;
  }

  .pgab-hero {
    padding: 60px 0;
  }

  .pgab-hero-content h1 {
    font-size: 40px;
  }

  .pgab-hero-content p {
    font-size: 16px;
  }

  .pgab-feature-grid,
  .pgab-check-grid {
    grid-template-columns: 1fr;
  }

  .pgab-feature-card {
    min-height: auto;
    padding: 23px;
  }

  .pgab-info-panel {
    padding: 22px;
  }

  .pgab-security-note {
    align-items: flex-start;
    padding: 18px;
  }

  .pgab-contact-box {
    grid-template-columns: 1fr;
    padding: 28px 22px;
    gap: 20px;
  }

  .pgab-contact-actions {
    flex-direction: column;
  }

  .pgab-contact-actions .pgab-btn {
    width: 100%;
  }

  .pgab-age-badge {
    align-items: flex-start;
  }

}


/* =========================================================
   PAGE TEMPLATE: contact.php
   ========================================================= */
    /* =========================================================
   GOLDPLAY99 CONTACT PAGE
   ========================================================= */

.goldplay99-contact-page {
  --gpc-gold: #ffd100;
  --gpc-gold-dark: #bd8d16;
  --gpc-dark: #17332f;
  --gpc-dark-2: #1b263b;
  --gpc-text: #17332f;
  --gpc-muted: #5f6f6b;
  --gpc-light: #f8faf8;
  --gpc-border: #e5e7eb;
  --gpc-white: #fff;

  color: var(--gpc-text);
  line-height: 1.6;
}

.goldplay99-contact-page *,
.goldplay99-contact-page *::before,
.goldplay99-contact-page *::after {
  box-sizing: border-box;
}

.goldplay99-contact-page a {
  text-decoration: none;
}

.gpc-container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.gpc-narrow {
  max-width: 850px;
}


/* =========================================================
   HERO
   ========================================================= */

.gpc-hero {
  padding: 90px 0;

  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(245,197,66,.15),
      transparent 30%
    ),
    linear-gradient(135deg, #17332f, #1a263c);

  color: #fff;
}

.gpc-hero-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  gap: 70px;
}

.gpc-hero-content {
  max-width: 700px;
}

.gpc-eyebrow,
.gpc-section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: var(--gpc-gold);

  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gpc-hero-content h1 {
  margin: 12px 0 22px;

  color: #fff;

  font-size: clamp(40px, 5vw, 62px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

.gpc-hero-content p {
  max-width: 650px;
  margin: 0 0 15px;

  color: rgba(255,255,255,.75);
  font-size: 17px;
  line-height: 1.75;
}

.gpc-hero-content .gpc-lead {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.gpc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}


/* Hero card */

.gpc-hero-card {
  padding: 38px;

  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;

  box-shadow: 0 20px 50px rgba(0,0,0,.15);
}

.gpc-hero-card-icon {
  width: 58px;
  height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 22px;

  color: var(--gpc-dark);
  background: var(--gpc-gold);
  border-radius: 14px;
}

.gpc-hero-card-icon svg {
  width: 26px;
  height: 26px;
}

.gpc-hero-card > span {
  color: var(--gpc-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gpc-hero-card h2 {
  margin: 8px 0 10px;
  color: #fff;
  font-size: 30px;
}

.gpc-hero-card p {
  margin: 0;
  color: rgba(255,255,255,.68);
}


/* =========================================================
   SECTIONS
   ========================================================= */

.gpc-section {
  padding: 90px 0;
  background: #fff;
}

.gpc-section-soft {
  background: var(--gpc-light);
}

.gpc-section-heading {
  max-width: 780px;
  margin-bottom: 42px;
}

.gpc-section-heading h2 {
  margin: 8px 0 13px;

  color: var(--gpc-text);

  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.12;
  letter-spacing: -.025em;
}

.gpc-section-heading p {
  margin: 0 0 10px;

  color: var(--gpc-muted);
  line-height: 1.75;
}


/* =========================================================
   CONTACT CARDS
   ========================================================= */

.gpc-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
}

.gpc-contact-card {
  display: flex;
  gap: 22px;

  padding: 32px;

  background: #fff;
  border: 1px solid var(--gpc-border);
  border-radius: 18px;

  box-shadow: 0 10px 35px rgba(16,24,40,.055);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.gpc-contact-card:hover {
  transform: translateY(-4px);
  border-color: rgba(245,197,66,.5);
  box-shadow: 0 18px 40px rgba(16,24,40,.10);
}

.gpc-contact-icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gpc-gold-dark);
  background: #fff4cc;
  border-radius: 13px;
}

.gpc-contact-icon svg {
  width: 25px;
  height: 25px;
}

.gpc-card-label {
  color: var(--gpc-gold-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gpc-contact-card h3 {
  margin: 6px 0 10px;
  color: var(--gpc-text);
  font-size: 24px;
}

.gpc-contact-card p {
  margin: 0 0 20px;
  color: var(--gpc-muted);
  line-height: 1.7;
}

.gpc-number {
  display: inline-block;

  margin: 3px 0 15px;
  padding: 10px 14px;

  color: var(--gpc-text);
  background: #f5f6f8;

  border-radius: 8px;

  font-size: 18px;
  font-weight: 800;
}


/* =========================================================
   TOPICS
   ========================================================= */

.gpc-topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 13px;
}

.gpc-topic {
  display: flex;
  align-items: center;
  gap: 13px;

  padding: 18px;

  background: #fff;
  border: 1px solid var(--gpc-border);
  border-radius: 11px;
}

.gpc-topic span {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gpc-gold-dark);
  background: #fff4cc;
  border-radius: 9px;
}

.gpc-topic span svg {
  width: 17px;
  height: 17px;
}

.gpc-topic strong {
  font-size: 15px;
}


/* =========================================================
   SUPPORT REQUEST CARDS
   ========================================================= */

.gpc-request-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}

.gpc-request-card {
  display: flex;
  gap: 18px;
  align-items: flex-start;

  padding: 25px;

  background: #fff;
  border: 1px solid var(--gpc-border);
  border-radius: 14px;
}

.gpc-request-number {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gpc-gold-dark);
  background: #fff4cc;
  border-radius: 10px;

  font-size: 13px;
  font-weight: 900;
}

.gpc-request-card h3 {
  margin: 0 0 6px;
  font-size: 19px;
}

.gpc-request-card p {
  margin: 0;
  color: var(--gpc-muted);
  line-height: 1.65;
}


/* =========================================================
   SECURITY
   ========================================================= */

.gpc-security {
  padding: 90px 0;
  background: var(--gpc-dark);
}

.gpc-security-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;

  padding: 42px;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(245,197,66,.09),
      transparent 30%
    ),
    rgba(255,255,255,.045);

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
}

.gpc-security-icon {
  width: 62px;
  height: 62px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gpc-dark);
  background: var(--gpc-gold);
  border-radius: 15px;
}

.gpc-security-icon svg {
  width: 27px;
  height: 27px;
}

.gpc-security-content h2 {
  margin: 7px 0 12px;
  color: #fff;
  font-size: clamp(30px,4vw,44px);
}

.gpc-security-content > p {
  max-width: 700px;
  color: rgba(255,255,255,.70);
}

.gpc-security-list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 10px;

  margin: 25px 0;
}

.gpc-security-list div {
  padding: 13px;

  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.06);
  border-radius: 9px;

  font-weight: 700;
}

.gpc-security-list span {
  margin-right: 7px;
  color: #ff8177;
}

.gpc-security-warning {
  margin: 20px 0 0 !important;
  color: rgba(255,255,255,.82) !important;
}


/* =========================================================
   FAQ
   ========================================================= */

.gpc-faq {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gpc-faq details {
  background: #fff;
  border: 1px solid var(--gpc-border);
  border-radius: 12px;
  overflow: hidden;
}

.gpc-faq summary {
  position: relative;

  padding: 20px 55px 20px 22px;

  cursor: pointer;
  list-style: none;

  color: var(--gpc-text);
  font-weight: 800;
}

.gpc-faq summary::-webkit-details-marker {
  display: none;
}

.gpc-faq summary::after {
  content: '+';

  position: absolute;
  right: 22px;
  top: 50%;

  transform: translateY(-50%);

  color: var(--gpc-gold-dark);
  font-size: 22px;
  font-weight: 400;
}

.gpc-faq details[open] summary::after {
  content: '−';
}

.gpc-faq details p {
  margin: 0;
  padding: 0 22px 22px;

  color: var(--gpc-muted);
  line-height: 1.75;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.gpc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  min-height: 48px;
  padding: 12px 20px;

  color: #17332f !important;
  background: var(--gpc-gold);

  border: 1px solid var(--gpc-gold);
  border-radius: 9px;

  font-weight: 800;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.gpc-btn:hover {
  color: #17332f !important;
  background: #ffd966;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(245,197,66,.2);
}

.gpc-btn svg {
  width: 17px;
  height: 17px;
}

.gpc-btn-dark {
  color: #fff !important;
  background: var(--gpc-dark);
  border-color: var(--gpc-dark);
}

.gpc-btn-dark:hover {
  color: #fff !important;
  background: #26334c;
}

.gpc-btn-outline {
  color: #fff !important;
  background: transparent;
}


/* =========================================================
   PAGE TEMPLATE: online_id.php
   ========================================================= */
:root {
    --pg-navy: #123f9e;
    --pg-navy-2: #123f9e;
    --pg-navy-3:#362424;
    --pg-gold:#fd8801;
    --pg-gold-light: #fd8801;
    --pg-white: #17332f;
    --pg-text: #dce7ef;
    --pg-muted: #667078;
    --pg-border: rgba(255,255,255,.09);
    --pg-card: rgba(255,255,255,.045);
}

.pg-id-page {
   
    color: var(--pg-text);
    overflow: hidden;
}

.pg-id-page *,
.pg-id-page *::before,
.pg-id-page *::after {
    box-sizing: border-box;
}

.pg-container {
    width: min(1180px, 92%);
    margin: 0 auto;
}

/* HERO */
.pg-id-hero {
    position: relative;
    padding: 0px 0;
    border-bottom: 1px solid var(--pg-border);
}

.pg-id-hero::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(229,184,75,.06);
    filter: blur(10px);
    top: -150px;
    left: -170px;
}

.pg-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
    align-items: center;
}

.pg-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 15px;
    border: 1px solid rgba(229,184,75,.28);
    border-radius: 50px;
    color: var(--pg-gold-light);
    background: rgba(229,184,75,.06);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.pg-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--pg-gold);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(229,184,75,.7);
}

.pg-id-hero h1 {
    color: var(--pg-white);
    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.04;
    margin: 0 0 22px;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.pg-id-hero h1 span {
    color: var(--pg-gold);
}

.pg-id-hero p {
    color: var(--pg-muted);
    font-size: 18px;
    line-height: 1.8;
    max-width: 620px;
    margin: 0 0 30px;
}

.pg-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.pg-main-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--pg-gold), var(--pg-gold-light));
    color: #091a27 !important;
    text-decoration: none !important;
    font-weight: 800;
    box-shadow: 0 10px 30px rgba(229,184,75,.16);
    transition: .3s ease;
}

.pg-main-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(229,184,75,.25);
}

.pg-responsible {
    font-size: 13px;
    color: var(--pg-muted);
}

/* HERO IMAGE */
.pg-hero-image {
    position: relative;
    min-height: 480px;
}

.pg-hero-image::before {
    content: "";
    position: absolute;
    inset: 20px;
    border: 1px solid rgba(229,184,75,.18);
    border-radius: 24px;
    transform: rotate(3deg);
}

.pg-hero-image-inner {
    position: relative;
    height: 480px;
   
    border: 1px solid rgba(229,184,75,.2);
   
}

.pg-hero-image-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pg-image-placeholder {
    width: 100%;
    height: 100%;
	position: relative;
   
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px;
    color: var(--pg-muted);
}


.pg-image-placeholder img {
    display: block;
    width: 100%;
    height: auto;
}

.pg-overlay-text {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
    z-index: 2;
	width:68%;
}

/* Tablet */
@media (max-width: 768px) {
    .pg-overlay-text {
        left: 30px;
        font-size: 20px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .pg-overlay-text {
        left: 20px;
        font-size: 22px;
    }
}
/* GENERAL SECTIONS */
.pg-section {
    padding: 90px 0;
}

.pg-section.alt {
    background: rgba(255,255,255,.018);
    border-top: 1px solid var(--pg-border);
    border-bottom: 1px solid var(--pg-border);
}

.pg-section-heading {
    max-width: 760px;
    margin-bottom: 45px;
}

.pg-section-heading.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.pg-section-heading .small-title {
    color: var(--pg-gold);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.7px;
    margin-bottom: 12px;
}

.pg-section-heading h2 {
    color: var(--pg-white);
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.15;
    margin: 0 0 16px;
    font-weight: 800;
}

.pg-section-heading p {
    color: var(--pg-muted);
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/* FEATURE CARDS */
.pg-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
}

.pg-feature-card {
    position: relative;
    padding: 25px 20px;
    min-height: 150px;
    background: var(--pg-card);
    border: 1px solid var(--pg-border);
    border-radius: 15px;
    transition: .3s ease;
}

.pg-feature-card:hover {
    transform: translateY(-6px);
    border-color: rgba(229,184,75,.3);
    background: rgba(229,184,75,.055);
}

.pg-feature-icon {
    width: 43px;
    height: 43px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(229,184,75,.1);
    border: 1px solid rgba(229,184,75,.2);
    color: var(--pg-gold-light);
    font-size: 20px;
    margin-bottom: 18px;
}

.pg-feature-card h3 {
    color: var(--pg-white);
    font-size: 16px;
    margin: 0;
    font-weight: 700;
}

.pg-note {
    margin-top: 22px;
    color: var(--pg-muted);
    font-size: 14px;
}

/* STEPS */
.pg-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.pg-step {
    position: relative;
    padding: 30px 23px;
    background: linear-gradient(145deg, rgba(16,57,84,.65), rgba(7,26,43,.8));
    border: 1px solid var(--pg-border);
    border-radius: 17px;
    overflow: hidden;
	display:block;
}

.pg-step::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(229,184,75,.05);
    right: -35px;
    bottom: -45px;
}

.pg-step-number {
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
    color: rgba(229,184,75,.18);
    margin-bottom: 24px;
}

.pg-step h3 {
   
    font-size: 18px;
    margin: 0 0 10px;
}

.pg-step p {
    
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

/* CRICKET SECTION */
.pg-cricket-layout {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 55px;
    align-items: center;
}

.pg-cricket-visual {
    position: relative;
    min-height: 390px;
    border-radius: 25px;
    overflow: hidden;
    background:
        radial-gradient(circle at center, rgba(229,184,75,.13), transparent 30%),
        linear-gradient(145deg, #0d3853, #061a2b);
    border: 1px solid rgba(229,184,75,.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pg-cricket-ball {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.2), transparent 18%),
        linear-gradient(145deg, #b98722, #e5b84b 45%, #8f6919);
    box-shadow:
        0 0 0 18px rgba(229,184,75,.04),
        0 0 0 38px rgba(229,184,75,.025),
        0 25px 70px rgba(0,0,0,.45);
    position: relative;
    animation: pgFloat 4s ease-in-out infinite;
}

.pg-cricket-ball::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 145px;
    background: rgba(255,255,255,.35);
    border-radius: 50%;
    left: 50%;
    top: 15px;
    transform: translateX(-50%) rotate(35deg);
}

@keyframes pgFloat {
    0%,100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-13px) rotate(5deg); }
}

.pg-cricket-copy h2 {
    color: var(--pg-white);
    font-size: 42px;
    margin: 0 0 17px;
}

.pg-cricket-copy > p {
    color: var(--pg-muted);
    line-height: 1.8;
    margin-bottom: 28px;
}

.pg-market-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.pg-market {
    padding: 15px 17px;
    border-radius: 10px;
    background: rgba(255,255,255,.045);
    border: 1px solid var(--pg-border);
    color: var(--pg-text);
    font-size: 14px;
}

.pg-market::before {
    content: "✓";
    color: var(--pg-gold);
    font-weight: 900;
    margin-right: 9px;
}

/* SECURITY */
.pg-security {
    position: relative;
    padding: 50px;
    border-radius: 23px;
    background:
        linear-gradient(135deg, rgba(229,184,75,.08), rgba(11,38,61,.75));
    border: 1px solid rgba(229,184,75,.2);
    overflow: hidden;
}

.pg-security::before {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    border: 1px solid rgba(229,184,75,.1);
    right: -80px;
    top: -100px;
}

.pg-security h2 {
    color: var(--pg-white);
    margin: 0 0 14px;
    font-size: 35px;
}

.pg-security p {
    color: var(--pg-muted);
    line-height: 1.8;
    max-width: 850px;
}

.pg-security-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    margin-top: 30px;
}

.pg-security-item {
    padding: 18px;
    border-radius: 12px;
    background: rgba(0,0,0,.15);
    border: 1px solid var(--pg-border);
    color: var(--pg-white);
    font-weight: 700;
}

.pg-security-item span {
    color: var(--pg-gold);
    margin-right: 7px;
}

/* PROBLEMS */
.pg-problem-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.pg-problem {
    padding: 25px 19px;
    background: var(--pg-card);
    border: 1px solid var(--pg-border);
    border-radius: 15px;
    transition: .3s ease;
}

.pg-problem:hover {
    transform: translateY(-5px);
    border-color: rgba(229,184,75,.25);
}

.pg-problem-number {
    color: var(--pg-gold);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 16px;
}

.pg-problem h3 {
    color: var(--pg-white);
    font-size: 17px;
    margin: 0 0 10px;
}

.pg-problem p {
    color: var(--pg-muted);
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
}

/* FAQ */
.pg-faq {
    max-width: 900px;
    margin: 0 auto;
}

.pg-faq-item {
    border: 1px solid var(--pg-border);
    border-radius: 12px;
    margin-bottom: 12px;
    background: rgba(255,255,255,.035);
    overflow: hidden;
}

.pg-faq-question {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--pg-white);
    text-align: left;
    padding: 20px 23px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.pg-faq-question span {
    color: var(--pg-gold);
    font-size: 22px;
    transition: .3s ease;
}

.pg-faq-answer {
    display: none;
    padding: 0 23px 22px;
    color: var(--pg-muted);
    line-height: 1.8;
    font-size: 14px;
}

.pg-faq-item.active .pg-faq-answer {
    display: block;
}

.pg-faq-item.active .pg-faq-question span {
    transform: rotate(45deg);
}

/* BOTTOM CTA */
.pg-bottom-cta {
    padding: 75px 0;
    text-align: center;
    background: radial-gradient(circle at center, rgba(229, 184, 75, .1), transparent 40%), #edd0aa9e;
    border-top: 1px solid var(--pg-border);
}

.pg-bottom-cta h2 {
    color: var(--pg-white);
    font-size: 38px;
    margin: 0 0 13px;
}

.pg-bottom-cta p {
    color: var(--pg-muted);
    max-width: 650px;
    margin: 0 auto 25px;
    line-height: 1.8;
}

.pg-responsible-footer {
    margin-top: 28px;
    color: #8799a8;
    font-size: 13px;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
    .pg-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pg-problem-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pg-security-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .pg-id-hero {
        padding: 65px 0;
    }

    .pg-hero-grid,
    .pg-cricket-layout {
        grid-template-columns: 1fr;
    }

    .pg-hero-image {
        min-height: 400px;
    }

    .pg-hero-image-inner {
        height: 400px;
    }

    .pg-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .pg-cricket-visual {
        min-height: 320px;
    }

    .pg-problem-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .pg-section {
        padding: 60px 0;
    }

    .pg-id-hero h1 {
        font-size: 42px;
    }

    .pg-id-hero p {
        font-size: 16px;
    }

    .pg-feature-grid,
    .pg-steps,
    .pg-problem-grid,
    .pg-security-list {
        grid-template-columns: 1fr;
    }

    .pg-hero-image {
        min-height: 330px;
    }

    .pg-hero-image-inner {
        height: 330px;
    }

    .pg-security {
        padding: 30px 22px;
    }

    .pg-security h2,
    .pg-cricket-copy h2,
    .pg-bottom-cta h2 {
        font-size: 30px;
    }

    .pg-market-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   PAGE TEMPLATE: payments.php
   ========================================================= */
/* =========================================
   GOLDPLAY99 PAYMENTS
   WordPress Content Template
   No Header / Footer / CDN
========================================= */

.gp99-payments {
    --gold: #ffd100;
    --orange: #fd8801;
    --green: #1f7ae0;
    --red: #ff5c5c;
    --blue: #1f7ae0;
    --dark: #17332f;
    --card: #123f9e;
    --card2: #1f7ae0;
    --text: #f8faf8;
    --muted: #aeb6c3;
    --border: rgba(255,255,255,.08);

    color: var(--text);
    line-height: 1.7;
}

/* HERO */

.gp99-payment-hero {
    position: relative;
    overflow: hidden;
    padding: 55px 30px;
    margin-bottom: 42px;
    text-align: center;
    border-radius: 24px;
    background:
        radial-gradient(circle at 15% 25%, rgba(245,184,0,.2), transparent 28%),
        radial-gradient(circle at 85% 75%, rgba(255,133,0,.16), transparent 30%),
        linear-gradient(135deg,#123f9e,#17332f);
    border: 1px solid var(--border);
}

.gp99-payment-hero:after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -80px;
    top: -80px;
    border-radius: 50%;
    background: rgba(245,184,0,.08);
    animation: paymentFloat 5s ease-in-out infinite;
}

.gp99-payment-icon {
    width: 78px;
    height: 78px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 21px;
    color: #111;
    background: linear-gradient(135deg,var(--gold),var(--orange));
    font-size: 32px;
    box-shadow: 0 15px 40px rgba(245,184,0,.25);
    animation: paymentPulse 2.5s infinite;
}

.gp99-payment-hero h1 {
    margin: 0 0 14px;
    font-size: clamp(30px,5vw,48px);
    line-height: 1.15;
}

.gp99-payment-hero h1 span {
    color: var(--gold);
}

.gp99-payment-hero p {
    max-width: 780px;
    margin: auto;
    color: var(--muted);
    font-size: 17px;
}

/* NOTICE */

.gp99-payment-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 16px;
    background: rgba(77,163,255,.07);
    border: 1px solid rgba(77,163,255,.18);
}

.gp99-payment-notice i {
    color: var(--blue);
    font-size: 23px;
    margin-top: 3px;
}

.gp99-payment-notice p {
    margin: 0;
    color: var(--muted);
}

/* SECTION */

.gp99-payment-section {
    margin-bottom: 45px;
}

.gp99-payment-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 21px;
}

.gp99-payment-title i {
    color: var(--gold);
    font-size: 24px;
}

.gp99-payment-title h2 {
    margin: 0;
    font-size: clamp(24px,4vw,31px);
    line-height: 1.25;
}

/* STEPS */

.gp99-payment-steps {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 17px;
}

.gp99-payment-step {
    position: relative;
    padding: 25px;
    border-radius: 18px;
    background: var(--card);
    border: 1px solid var(--border);
    transition: .3s ease;
}

.gp99-payment-step:hover {
    transform: translateY(-7px);
    border-color: rgba(245,184,0,.35);
    box-shadow: 0 15px 35px rgba(0,0,0,.2);
}

.gp99-step-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.gp99-step-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(245,184,0,.1);
    color: var(--gold);
    font-size: 21px;
}

.gp99-step-count {
    color: rgba(255,255,255,.35);
    font-size: 30px;
    font-weight: 800;
}

.gp99-payment-step h3 {
    margin: 0 0 8px;
    font-size: 18px;
}

.gp99-payment-step p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

/* WITHDRAWAL */

.gp99-withdrawal .gp99-step-icon {
    color: var(--green);
    background: rgba(40,209,124,.1);
}

/* PAYMENT METHODS */

.gp99-methods {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.gp99-method {
    padding: 24px;
    border-radius: 18px;
    background: linear-gradient(145deg,var(--card),#13171e);
    border: 1px solid var(--border);
    transition: .3s ease;
}

.gp99-method:hover {
    transform: translateY(-6px);
    border-color: rgba(245,184,0,.3);
}

.gp99-method-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: rgba(245,184,0,.1);
    color: var(--gold);
    font-size: 23px;
}

.gp99-method h3 {
    margin: 0 0 7px;
}

.gp99-method p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
}

/* PAYMENT TABLE */

.gp99-payment-table-wrap {
    overflow-x: auto;
    border-radius: 17px;
    border: 1px solid var(--border);
}

.gp99-payment-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    background: var(--card);
}

.gp99-payment-table th {
    padding: 17px;
    text-align: left;
    background: var(--card2);
    color: var(--gold);
    font-size: 14px;
}

.gp99-payment-table td {
    padding: 17px;
    border-top: 1px solid var(--border);
    color: var(--muted);
}

.gp99-payment-table tr:hover td {
    background: rgba(245,184,0,.025);
}

.gp99-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--green);
    font-weight: 700;
}

.gp99-status i {
    font-size: 11px;
}

/* PROBLEMS */

.gp99-payment-problems {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}

.gp99-problem-box {
    padding: 27px;
    border-radius: 18px;
    background: var(--card);
    border: 1px solid var(--border);
}

.gp99-problem-box.deposit {
    border-top: 3px solid var(--blue);
}

.gp99-problem-box.withdrawal {
    border-top: 3px solid var(--green);
}

.gp99-problem-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 17px;
}

.gp99-problem-heading i {
    color: var(--gold);
    font-size: 22px;
}

.gp99-problem-heading h3 {
    margin: 0;
}

.gp99-problem-box ul {
    margin: 0;
    padding-left: 20px;
}

.gp99-problem-box li {
    margin-bottom: 8px;
    color: var(--muted);
}

/* SECURITY */

.gp99-security {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 14px;
}

.gp99-security-item {
    padding: 21px;
    text-align: center;
    border-radius: 16px;
    background: var(--card);
    border: 1px solid var(--border);
    transition: .3s ease;
}

.gp99-security-item:hover {
    transform: translateY(-5px);
}

.gp99-security-item i {
    color: var(--gold);
    font-size: 25px;
    margin-bottom: 10px;
}

.gp99-security-item strong {
    display: block;
    font-size: 14px;
}

/* FAQ */

.gp99-faq {
    display: grid;
    gap: 12px;
}

.gp99-faq details {
    overflow: hidden;
    border-radius: 15px;
    background: var(--card);
    border: 1px solid var(--border);
    transition: .3s ease;
}

.gp99-faq details[open] {
    border-color: rgba(245,184,0,.3);
}

.gp99-faq summary {
    position: relative;
    cursor: pointer;
    padding: 19px 23px;
    padding-right: 50px;
    list-style: none;
    font-weight: 700;
}

.gp99-faq summary::-webkit-details-marker {
    display: none;
}

.gp99-faq summary:after {
    content: "+";
    position: absolute;
    right: 22px;
    color: var(--gold);
    font-size: 22px;
    top: 14px;
}

.gp99-faq details[open] summary:after {
    content: "−";
}

.gp99-faq-answer {
    padding: 0 23px 20px;
    color: var(--muted);
}

/* RESPONSIBLE */

.gp99-payment-responsible {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 35px;
    padding: 21px;
    border-radius: 16px;
    background: rgba(245,184,0,.07);
    border: 1px solid rgba(245,184,0,.17);
}

.gp99-payment-responsible i {
    color: var(--gold);
    font-size: 25px;
}

.gp99-payment-responsible p {
    margin: 0;
    color: var(--muted);
}

/* ANIMATIONS */

@keyframes paymentPulse {
    0%,100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
}

@keyframes paymentFloat {
    0%,100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(18px);
    }
}

/* RESPONSIVE */

@media(max-width: 950px) {

    .gp99-payment-steps {
        grid-template-columns: repeat(2,1fr);
    }

    .gp99-methods {
        grid-template-columns: repeat(2,1fr);
    }

    .gp99-security {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width: 650px) {

    .gp99-payment-hero {
        padding: 40px 20px;
    }

    .gp99-payment-steps,
    .gp99-methods,
    .gp99-payment-problems,
    .gp99-security {
        grid-template-columns: 1fr;
    }

    .gp99-payment-notice,
    .gp99-payment-responsible {
        align-items: flex-start;
    }

    .gp99-payment-step,
    .gp99-method,
    .gp99-problem-box {
        padding: 21px;
    }
}


/* =========================================================
   PAGE TEMPLATE: registration_login.php
   ========================================================= */
/* ==============================
   GOLDPLAY99 CONTENT TEMPLATE
   CLEAN BLACK STYLE
============================== */

.gp99-content {
    --accent: #17332f;
    --accent2: #17332f;
    --dark: #f5f5f5;
    --card: #ffffff;
    --card2: #f5f8f6;
    --text: #17332f;
    --muted: #5f6f6b;
    --border: #d7e4df;

    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 0 60px;

    color: var(--text);
    line-height: 1.7;
    box-sizing: border-box;
}

.gp99-content *,
.gp99-content *::before,
.gp99-content *::after {
    box-sizing: border-box;
}

/* HERO */

.gp99-hero {
    position: relative;
    overflow: hidden;

    padding: 60px 40px;
    margin-bottom: 50px;

    border-radius: 22px;
    text-align: center;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(0,0,0,.06),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(0,0,0,.05),
            transparent 30%
        ),
        linear-gradient(135deg, #ffffff, #f3f3f3);

    border: 1px solid var(--border);
    box-shadow: 0 12px 35px rgba(0,0,0,.06);
}

.gp99-hero-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background: linear-gradient(
        135deg,
        #17332f,
        #17332f
    );

    color: #ffffff;
    font-size: 32px;

    box-shadow: 0 12px 30px rgba(0,0,0,.18);

    animation: gp99Pulse 2.5s ease-in-out infinite;
}

.gp99-hero h1 {
    margin: 0 0 14px;

    font-size: clamp(30px,5vw,48px);
    line-height: 1.15;
    font-weight: 800;

    color: #17332f;
}

.gp99-hero h1 span {
    color: #17332f;
}

.gp99-hero p {
    max-width: 750px;
    margin: 0 auto;

    color: #5f6f6b;
    font-size: 17px;
}

/* BUTTON */

.gp99-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    margin-top: 24px;
    padding: 13px 25px;

    border-radius: 50px;

    background: #17332f;
    color: #ffffff !important;

    text-decoration: none !important;
    font-weight: 700;

    border: 1px solid #17332f;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.gp99-btn:hover {
    transform: translateY(-3px);

    background: #17332f;

    box-shadow:
        0 10px 25px rgba(0,0,0,.20);
}

/* SECTION */

.gp99-section {
    margin-bottom: 48px;
}

/* TITLES */

.gp99-title {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 20px;
}

.gp99-title i {
    color: #17332f;
    font-size: 22px;
}

.gp99-title h2 {
    margin: 0;

    font-size: clamp(24px,4vw,31px);
    line-height: 1.25;

    color: #17332f;
}

/* TEXT CARD */

.gp99-info {
    padding: 28px;

    border-radius: 18px;

    background: #ffffff;

    border: 1px solid var(--border);

    color: #5f6f6b;

    box-shadow:
        0 8px 25px rgba(0,0,0,.04);
}

.gp99-info p:last-child {
    margin-bottom: 0;
}

/* REGISTRATION STEPS */

.gp99-steps {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 16px;
}

.gp99-step {
    padding: 24px 20px;

    background: #ffffff;

    border: 1px solid var(--border);
    border-radius: 17px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.gp99-step:hover {
    transform: translateY(-5px);

    border-color: #bbbbbb;

    box-shadow:
        0 12px 28px rgba(0,0,0,.08);
}

.gp99-number {
    width: 40px;
    height: 40px;

    margin-bottom: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #17332f;
    color: #ffffff;

    font-weight: 800;
}

.gp99-step h3 {
    margin: 0 0 8px;

    font-size: 18px;
    color: #17332f;
}

.gp99-step p {
    margin: 0;

    color: #5f6f6b;
    font-size: 14px;
}

/* TWO COLUMNS */

.gp99-two {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 20px;
}

.gp99-card {
    padding: 30px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f7f7f7
        );

    border: 1px solid var(--border);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.gp99-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.07);
}

.gp99-card-icon {
    width: 50px;
    height: 50px;

    margin-bottom: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: #17332f;
    color: #ffffff;

    font-size: 22px;
}

.gp99-card h3 {
    margin: 0 0 10px;

    color: #17332f;
}

.gp99-card p {
    margin: 0;

    color: #5f6f6b;
}

/* TROUBLESHOOTING */

.gp99-problems {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}

.gp99-problem {
    padding: 25px;

    border-radius: 17px;

    background: #ffffff;

    border: 1px solid var(--border);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.gp99-problem:hover {
    transform: translateY(-5px);

    box-shadow:
        0 12px 28px rgba(0,0,0,.07);
}

.gp99-problem-icon {
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    border-radius: 14px;

    color: #ffffff;
    background: #17332f;

    font-size: 21px;
}

.gp99-problem h3 {
    margin: 0 0 9px;

    color: #17332f;
}

.gp99-problem p {
    margin: 0;

    color: #5f6f6b;
    font-size: 15px;
}

/* CHECKLIST */

.gp99-checklist {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}

.gp99-check {
    display: flex;
    align-items: center;
    gap: 11px;

    padding: 16px 18px;

    border-radius: 12px;

    background: #ffffff;

    border: 1px solid var(--border);

    color: #5f6f6b;
}

.gp99-check i {
    color: #17332f;
}

/* WARNING */

.gp99-warning {
    display: flex;
    gap: 14px;
    align-items: flex-start;

    padding: 20px;

    margin-top: 10px;

    border-radius: 15px;

    background: #f5f5f5;

    border: 1px solid #dddddd;
}

.gp99-warning i {
    color: #17332f;

    font-size: 23px;

    margin-top: 3px;
}

.gp99-warning p {
    margin: 0;

    color: #5f6f6b;
}

/* LIST */

.gp99-info ol,
.gp99-info ul {
    margin: 0 0 18px;
    padding-left: 22px;
}

.gp99-info li {
    margin-bottom: 8px;
}

/* STRONG */

.gp99-content strong {
    color: #17332f;
}

/* ANIMATION */

@keyframes gp99Pulse {
    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

/* ==============================
   TABLET
============================== */

@media (max-width: 1000px) {

    .gp99-content {
        width: min(100% - 32px, 900px);
        padding-top: 30px;
    }

    .gp99-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .gp99-problems {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==============================
   MOBILE
============================== */

@media (max-width: 650px) {

    .gp99-content {
        width: calc(100% - 24px);
        padding: 20px 0 40px;
    }

    .gp99-hero {
        padding: 40px 20px;
        margin-bottom: 35px;

        border-radius: 18px;
    }

    .gp99-hero-icon {
        width: 65px;
        height: 65px;

        font-size: 27px;
    }

    .gp99-hero p {
        font-size: 15px;
    }

    .gp99-section {
        margin-bottom: 38px;
    }

    .gp99-steps,
    .gp99-two,
    .gp99-problems,
    .gp99-checklist {
        grid-template-columns: 1fr;
    }

    .gp99-info,
    .gp99-card,
    .gp99-problem {
        padding: 21px;
    }

    .gp99-title {
        align-items: flex-start;
    }

    .gp99-title h2 {
        font-size: 23px;
    }

    .gp99-warning {
        padding: 17px;
    }
}


/* =========================================================
   PAGE TEMPLATE: withdrwal.php
   ========================================================= */
    
/* =========================================================
   GOLDPLAY99 SUPPORT PAGE
   ========================================================= */

.goldplay99-support-page {
  --gpps-gold: #ffd100;
  --gpps-gold-dark: #fd8801;
  --gpps-dark: #17332f;
  --gpps-text: #17332f;
  --gpps-muted: #5f6f6b;
  --gpps-border: #e7e9ee;
  --gpps-light: #f8faf8;
}


/* =========================================================
   HERO
   ========================================================= */

.gpps-hero {
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(245,197,66,.15),
      transparent 30%
    ),
    linear-gradient(135deg, #17332f, #1b2940);
}

.gpps-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.gpps-support-visual {
  min-height: 420px;
  padding: 40px;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  text-align: center;
}

.gpps-visual-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #17332f;
  background: var(--gpps-gold);
  border-radius: 18px;
}

.gpps-visual-icon svg {
  width: 32px;
  height: 32px;
}

.gpps-support-visual h2 {
  margin: 0 0 28px;
  color: #fff;
  font-size: 28px;
}

.gpps-visual-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.gpps-visual-items > div {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 15px;

  color: rgba(255,255,255,.8);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;

  text-align: left;
  font-size: 14px;
  font-weight: 700;
}

.gpps-visual-items svg {
  width: 19px;
  height: 19px;
  color: var(--gpps-gold);
}


/* =========================================================
   SUPPORT CARDS
   ========================================================= */

.gpps-support-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gpps-support-card {
  display: flex;
  flex-direction: column;
}

.gpps-support-card p {
  margin-bottom: 7px;
}

.gpps-card-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  margin-top: auto;
  padding-top: 20px;

  color: var(--gpps-gold-dark);
  font-weight: 800;
}

.gpps-card-link svg {
  width: 16px;
  height: 16px;
}

.gpps-card-link:hover {
  color: #8a650d;
}


/* =========================================================
   PAYMENT SUPPORT
   ========================================================= */

.gpps-payment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.gpps-payment-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 22px;

  padding: 30px;

  background: #fff;
  border: 1px solid var(--gpps-border);
  border-radius: 16px;

  box-shadow: 0 8px 28px rgba(16,24,40,.05);
}

.gpps-payment-icon {
  width: 54px;
  height: 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gpps-gold-dark);
  background: #fff4cc;
  border-radius: 13px;
}

.gpps-payment-icon svg {
  width: 24px;
  height: 24px;
}

.gpps-payment-card h3 {
  margin: 0 0 10px;
  font-size: 22px;
}

.gpps-payment-card p {
  margin: 0 0 18px;
  color: var(--gpps-muted);
}

.gpps-action-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gpps-action-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;

  margin: 9px 0;

  color: #465066;
  font-size: 14px;
}

.gpps-action-list svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 3px;
  color: #9a740c;
}

.gpps-support-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;

  margin-top: 24px;
  padding: 22px 25px;

  background: #fff;
  border: 1px solid var(--gpps-border);
  border-radius: 14px;
}

.gpps-support-cta > div {
  display: flex;
  align-items: center;
  gap: 14px;
}

.gpps-support-cta > div > svg {
  width: 25px;
  height: 25px;
  color: var(--gpps-gold-dark);
}

.gpps-support-cta strong,
.gpps-support-cta span {
  display: block;
}

.gpps-support-cta span {
  margin-top: 3px;
  color: var(--gpps-muted);
  font-size: 14px;
}


/* =========================================================
   KYC
   ========================================================= */

.gpps-kyc-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: flex-start;

  padding: 40px;

  background: #fff;
  border: 1px solid var(--gpps-border);
  border-radius: 18px;

  box-shadow: 0 12px 38px rgba(16,24,40,.06);
}

.gpps-kyc-icon {
  width: 65px;
  height: 65px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gpps-gold-dark);
  background: #fff4cc;
  border-radius: 16px;
}

.gpps-kyc-icon svg {
  width: 29px;
  height: 29px;
}

.gpps-kyc-content h2 {
  margin: 7px 0 14px;
  color: var(--gpps-text);
  font-size: 38px;
}

.gpps-kyc-content p {
  max-width: 750px;
  color: var(--gpps-muted);
  line-height: 1.75;
}

.gpps-kyc-content .pgab-btn {
  margin-top: 10px;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

.gpps-whatsapp-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 30px;
  align-items: flex-start;
}

.gpps-whatsapp-icon {
  width: 70px;
  height: 70px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #17332f;
  background: var(--gpps-gold);
  border-radius: 17px;
}

.gpps-whatsapp-icon svg {
  width: 31px;
  height: 31px;
}

.gpps-whatsapp-content h2 {
  margin: 7px 0 14px;
  color: #fff;
  font-size: clamp(32px, 4vw, 46px);
  line-height: 1.1;
}

.gpps-whatsapp-content p {
  max-width: 750px;
  color: rgba(255,255,255,.7);
}

.gpps-whatsapp-number {
  display: flex;
  flex-direction: column;
  gap: 4px;

  max-width: 500px;
  margin: 25px 0;

  padding: 17px 20px;

  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.10);
  border-left: 3px solid var(--gpps-gold);
  border-radius: 9px;
}

.gpps-whatsapp-number span {
  color: rgba(255,255,255,.55);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gpps-whatsapp-number strong {
  color: #fff;
  font-size: 19px;
}


/* =========================================================
   BEFORE CONTACTING SUPPORT
   ========================================================= */

.gpps-precontact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.gpps-precontact-item {
  display: flex;
  align-items: center;
  gap: 16px;

  padding: 18px 20px;

  background: #fff;
  border: 1px solid var(--gpps-border);
  border-radius: 12px;
}

.gpps-precontact-item > span {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gpps-gold-dark);
  background: #fff4cc;
  border-radius: 10px;

  font-size: 12px;
  font-weight: 900;
}

.gpps-precontact-item h3 {
  margin: 0 0 3px;
  color: var(--gpps-text);
  font-size: 16px;
}

.gpps-precontact-item p {
  margin: 0;
  color: var(--gpps-muted);
  font-size: 14px;
}

.gpps-security-warning {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 22px;
  padding: 18px 20px;

  background: #fff4cc;
  border: 1px solid rgba(201,154,36,.18);
  border-radius: 12px;
}

.gpps-security-warning > svg {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  color: var(--gpps-gold-dark);
}

.gpps-security-warning strong {
  display: block;
  color: var(--gpps-text);
}

.gpps-security-warning p {
  margin: 2px 0 0;
  color: var(--gpps-muted);
  font-size: 14px;
}


/* =========================================================
   FAQ
   ========================================================= */

.gpps-faq {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.gpps-faq details {
  background: #fff;
  border: 1px solid var(--gpps-border);
  border-radius: 12px;
  overflow: hidden;

  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

.gpps-faq details:hover {
  border-color: rgba(201,154,36,.3);
}

.gpps-faq details[open] {
  box-shadow: 0 10px 30px rgba(16,24,40,.06);
}

.gpps-faq summary {
  position: relative;

  cursor: pointer;
  list-style: none;

  padding: 21px 55px 21px 22px;

  color: var(--gpps-text);
  font-weight: 800;
}

.gpps-faq summary::-webkit-details-marker {
  display: none;
}

.gpps-faq summary::after {
  content: '+';

  position: absolute;
  right: 22px;
  top: 50%;

  transform: translateY(-50%);

  color: var(--gpps-gold-dark);
  font-size: 23px;
  font-weight: 400;
}

.gpps-faq details[open] summary::after {
  content: '−';
}

.gpps-faq-answer {
  padding: 0 22px 22px;
}

.gpps-faq-answer p {
  margin: 0;
  color: var(--gpps-muted);
  line-height: 1.75;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

  .gpps-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gpps-payment-grid {
    grid-template-columns: 1fr;
  }

  .gpps-responsible-grid {
    grid-template-columns: 1fr;
  }

}


@media (max-width: 640px) {

  .gpps-hero-actions {
    flex-direction: column;
  }

  .gpps-hero-actions .pgab-btn {
    width: 100%;
  }

  .gpps-support-visual {
    min-height: auto;
    padding: 25px;
  }

  .gpps-visual-items {
    grid-template-columns: 1fr;
  }

  .gpps-support-grid {
    grid-template-columns: 1fr;
  }

  .gpps-payment-card {
    grid-template-columns: 1fr;
    padding: 23px;
  }

  .gpps-support-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .gpps-support-cta .pgab-btn {
    width: 100%;
  }

  .gpps-kyc-box {
    grid-template-columns: 1fr;
    padding: 27px;
  }

  .gpps-kyc-content h2 {
    font-size: 31px;
  }

  .gpps-whatsapp-box {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .gpps-precontact-grid {
    grid-template-columns: 1fr;
  }

  .gpps-security-warning {
    align-items: flex-start;
  }

  .gpps-faq summary {
    padding: 18px 48px 18px 18px;
  }

  .gpps-faq-answer {
    padding: 0 18px 18px;
  }
}
.pg-btn {
    
    margin-top: 50px;
}