.Pohonemas33-card{
    max-width:620px;
    width:100%;
    margin:20px auto;
    position:relative;
    overflow:hidden;
    border-radius:24px;
    padding:28px 24px;

    background:
        radial-gradient(circle at top left, rgba(255,215,0,.12), transparent 38%),
        radial-gradient(circle at bottom right, rgba(140,107,47,.10), transparent 42%),
        linear-gradient(145deg,#000000 0%,#0d0d0d 45%,#1a1a1a 100%);

    border:1px solid rgba(212,175,55,.45);

    box-shadow:
        0 18px 40px rgba(0,0,0,.55),
        0 0 25px rgba(255,215,0,.12),
        inset 0 0 18px rgba(255,215,0,.05);

    color:#fff;
}

/* ornament */
.Pohonemas33-card::before{
    content:"☾";
    position:absolute;
    top:18px;
    right:28px;
    font-size:70px;
    color:rgba(255,215,0,.18);
    text-shadow:0 0 20px rgba(255,215,0,.35);
}

.Pohonemas33-card::after{
    content:"✦ ✧ ✦ ✧ ✦ ✧";
    position:absolute;
    top:25px;
    left:22px;
    width:90%;
    font-size:18px;
    letter-spacing:18px;
    color:rgba(255,215,0,.28);
    animation:starFloat 6s ease-in-out infinite alternate;
}

@keyframes starFloat{
    from{transform:translateY(0);opacity:.45;}
    to{transform:translateY(12px);opacity:.9;}
}

/* ===================================== */

.hero-title{
    position:relative;
    z-index:2;
    text-align:center;
    margin-bottom:20px;
}

.hero-title h1{
    font-size:24px;
    line-height:1.35;
    margin:0;
    color:#ffffff;
    font-weight:800;
}

.hero-title h1 span{
    color:#ffd700;
    text-shadow:0 0 10px rgba(255,215,0,.45);
}

/* ===================================== */

.info-container,
.bonus-wrap{
    position:relative;
    z-index:2;

    background:rgba(10,10,10,.78);

    border:1px solid rgba(212,175,55,.35);

    border-radius:18px;
    overflow:hidden;

    backdrop-filter:blur(8px);

    box-shadow:inset 0 0 12px rgba(255,215,0,.04);
}

.info-head{
    padding:12px 16px;

    background:
        linear-gradient(135deg,#000,#1a1a1a,#000);

    border-bottom:1px solid rgba(212,175,55,.25);
}

.info-head h2{
    margin:0;
    font-size:15px;
    text-align:center;
    color:#ffd700;
    letter-spacing:.8px;
}

/* ===================================== */

.info-row{
    padding:12px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-bottom:1px solid rgba(212,175,55,.12);
}

.info-row:last-child{
    border-bottom:none;
}

.info-label{
    display:flex;
    align-items:center;
    gap:9px;
}

.info-dot,
.gold-icon{
    width:7px;
    height:7px;

    background:
        linear-gradient(to bottom,
        #fff4b0 0%,
        #ffd700 35%,
        #d4af37 60%,
        #8c6b2f 100%);

    border-radius:50%;

    box-shadow:0 0 10px rgba(255,215,0,.55);
}

.info-text{
    font-size:14px;
    font-weight:600;
    color:#f3f3f3;
}

.info-number{
    font-size:13px;
    font-weight:800;
    color:#111;

    background:
        linear-gradient(to bottom,
        #fff4b0 0%,
        #ffd700 25%,
        #d4af37 50%,
        #8c6b2f 75%,
        #d4af37 100%);

    padding:5px 12px;
    border-radius:30px;
    white-space:nowrap;

    border:1px solid rgba(255,215,0,.45);

    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.45),
        0 0 10px rgba(255,215,0,.12);
}

/* ===================================== */

.bonus-wrap{
    margin:20px 0 22px;
    padding:18px 16px;
    text-align:center;
}

.bonus-head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-bottom:14px;
}

.bonus-head h3{
    margin:0;
    font-size:15px;
    color:#ffd700;
}

.bonus-list{
    display:grid;
    gap:10px;
}

.bonus-item{
    padding:11px 14px;
    border-radius:14px;

    background:
        linear-gradient(135deg,#111111,#1a1a1a,#111111);

    border-left:3px solid #ffd700;

    text-align:left;
}

.bonus-item p{
    margin:0;
    font-size:14px;
    font-weight:650;
    color:#ffffff;
}

.highlight-gold{
    color:#ffd700;
}

/* ===================================== */

.cta-buttons-gold{
    position:relative;
    z-index:2;

    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
}

.btn-gold{
    display:inline-block;
    min-width:125px;
    padding:12px 28px;
    border-radius:40px;
    font-size:14px;
    font-weight:800;
    text-align:center;
    text-decoration:none;
    transition:.25s ease;
}

/* LOGIN */

.btn-login-gold{
    color:#ffd700;

    border:1px solid rgba(212,175,55,.55);

    background:
        linear-gradient(135deg,#000000,#1a1a1a,#000000);
}

/* REGISTER */

.btn-register-gold{
    color:#111;

    border:1px solid rgba(255,215,0,.6);

    background:
        linear-gradient(
            to bottom,
            #fff4b0 0%,
            #ffd700 25%,
            #d4af37 50%,
            #8c6b2f 75%,
            #d4af37 100%
        );
}

.btn-gold:hover{
    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(255,215,0,.28);
}

/* ===================================== */

@media (max-width:480px){

    .Pohonemas33-card{
        padding:24px 16px;
        border-radius:20px;
    }

    .hero-title h1{
        font-size:20px;
    }

    .info-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .info-number{
        align-self:flex-start;
    }

}