.stripe-offers{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px;
}

.stripe-offer{
    width:260px;
    background:rgba(60,45,28,0.65);
    border:1px solid rgba(255,170,80,0.3);
    border-radius:8px;
    box-shadow:
        0 0 20px rgba(0,0,0,0.8),
        inset 0 0 12px rgba(255,140,0,0.08);
    overflow:hidden;
    transition:all .3s ease;
}

.stripe-offer:hover{
    transform:translateY(-4px);
    box-shadow:
        0 0 25px rgba(255,140,0,0.4),
        inset 0 0 12px rgba(255,180,0,0.15);
}

.stripe-offer-content{
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px;
}

.stripe-offer-content img{
    width:80px;
}

.stripe-offer-content h3{
    font-family:'Cinzel',serif;
    font-size:18px;
    color:#f5d28a;
    margin:0;
}

.stripe-offer-content h5{
    margin:4px 0 0 0;
    color:#ffcc66;
    font-weight:normal;
}

.stripe-offer form{
    padding:0 15px 15px 15px;
}

.stripe-offer button{
    width:100%;
    height:40px;
    background:linear-gradient(180deg,#3a2a18,#1c120a);
    border:1px solid #5a3a1c;
    border-radius:6px;
    color:#ffd27a;
    font-family:'Cinzel',serif;
    font-size:14px;
    letter-spacing:1px;
    cursor:pointer;
    transition:all .2s ease;
}

.stripe-offer button:hover{
    background:linear-gradient(180deg,#ff9a00,#8b2e00);
    color:#fff;
    box-shadow:0 0 15px rgba(255,140,0,0.6);
}

.stripe-offer button:disabled{
    background:#333;
    color:#777;
    cursor:not-allowed;
}

.donation-rules {
    max-width: 700px;
    margin: 30px auto;
    padding: 25px;
	font-size: 12px;
    background: linear-gradient(
        180deg,
        rgba(30,18,10,0.95),
        rgba(15,8,4,0.95)
    );
    border: 1px solid rgba(255,170,80,0.3);
    border-radius: 8px;
    box-shadow:
        0 0 20px rgba(0,0,0,0.8),
        inset 0 0 12px rgba(255,140,0,0.08);
    font-family: 'Cinzel', serif;
    color: #f5d28a;
}

.donation-rules h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    letter-spacing: 1px;
}

.donation-rules ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.donation-rules li {
    padding: 10px 12px;
    margin-bottom: 10px;
    background: rgba(255,140,0,0.05);
    border-left: 3px solid rgba(255,170,80,0.6);
    border-radius: 4px;
    transition: all 0.2s ease;
}

.donation-rules li:hover {
    background: rgba(255,140,0,0.15);
    transform: translateX(4px);
}