/* promocodesnew.com — Pink / Gradient Modern */
:root {
    --color-primary:   #db2777;
    --color-primary-h: #be185d;
    --color-bg:        #fdf2f8;
    --color-badge-green: #fce7f3;
    --color-badge-blue:  #fdf4ff;
    --radius:          24px;
    --radius-sm:       14px;
    --shadow:          0 2px 12px rgba(219,39,119,.1);
    --shadow-md:       0 6px 24px rgba(219,39,119,.15);
}
.hero { background: linear-gradient(135deg, #701a75 0%, #db2777 50%, #f472b6 100%); }
.site-header { background: #fff; border-bottom: none; box-shadow: 0 1px 24px rgba(219,39,119,.1); }
.site-logo { background: linear-gradient(135deg, #db2777, #9333ea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 22px; }
.promo-card { border-radius: 24px; border: none; box-shadow: 0 2px 16px rgba(219,39,119,.1); }
.promo-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(219,39,119,.18); }
.promo-card__code-block { background: linear-gradient(135deg, #fdf2f8, #fdf4ff); border: 1px solid #f9a8d4; border-radius: 14px; }
.code-text { background: linear-gradient(135deg, #db2777, #9333ea); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 20px; font-weight: 800; }
.btn-primary { background: linear-gradient(135deg, #db2777, #9333ea); border: none; border-radius: 999px; }
.btn-primary:hover { background: linear-gradient(135deg, #be185d, #7e22ce); }
.cat-tab { border-radius: 999px; }
.cat-tab.active, .cat-tab:hover { background: linear-gradient(135deg, #db2777, #9333ea); border-color: transparent; }
.age-disclaimer { background: #701a75; }
.step-num { background: linear-gradient(135deg, #db2777, #9333ea); border-radius: 50%; }