/* =====================================================
SARED – PAGE OFFRES
===================================================== */

:root{
--bg-dark:#050816;
--card:rgba(255,255,255,0.04);
--border:rgba(255,255,255,0.09);
--text:#fff;
--muted:rgba(255,255,255,0.68);
--primary:#7C5CFF;
--primary-2:#5A3DFF;
--blue:#0072FF;
--blue-2:#00C6FF;
--gold:#FFB800;
--gold-2:#FF8C00;
}

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

.offers-hero{
padding:160px 0 90px;
text-align:center;
background:
radial-gradient(900px 500px at 80% 0%, rgba(124,92,255,0.22), transparent 60%),
radial-gradient(700px 420px at 0% 20%, rgba(124,92,255,0.14), transparent 60%),
linear-gradient(180deg, #050814 0%, #070b18 40%, #0b1220 100%);
}

.offers-hero-inner{
max-width:900px;
margin:auto;
}

.offers-eyebrow{
display:inline-block;
font-size:12px;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,255,255,0.55);
margin-bottom:18px;
}

.offers-hero h1{
margin:0 0 12px;
font-weight:900;
font-size: clamp(2.2rem,4vw,3.2rem);
background:linear-gradient(135deg,#fff,#A78BFA);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}

.offers-lead{
max-width:720px;
margin:auto;
color:var(--muted);
font-size:18px;
line-height:1.6;
}

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

.offers-section{
padding:90px 0 140px;
background:var(--bg-dark);
position:relative;
z-index:1;
}

/* ================= GRID ================= */

.offers-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
align-items:stretch;
}

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

.offer-card{
position:relative;
background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));
border:1px solid var(--border);
border-radius:26px;
padding:26px 24px;
backdrop-filter:blur(14px);
overflow:hidden;
box-shadow:0 18px 60px rgba(0,0,0,0.35);
transition:.25s;
}

.offer-card:hover{
transform:translateY(-8px);
border-color:rgba(124,92,255,0.35);
box-shadow:0 28px 90px rgba(0,0,0,0.55);
}

.offer-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:14px;
}

.offer-tag{
font-size:12px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,255,255,0.65);
}

.offer-highlight{
font-size:11px;
font-weight:900;
padding:6px 12px;
border-radius:999px;
color:#0b1220;
background:linear-gradient(135deg,#fff,#C7B7FF);
}

.offer-highlight--blue{
color:#fff;
background:linear-gradient(135deg,var(--blue-2),var(--blue));
}

.offer-card h2{
margin:4px 0 10px;
font-size:20px;
font-weight:900;
line-height:1.25;
}

.offer-price{
display:inline-block;
margin-top:10px;
font-size:42px;
font-weight:900;
background:linear-gradient(135deg,#fff,#A78BFA);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}

/* ================= DESCRIPTION ================= */

.offer-desc{
margin:0 0 16px;
color:var(--muted);
line-height:1.6;
}

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

.offer-list{
margin:0;
padding:0;
list-style:none;
display:grid;
gap:10px;
color:rgba(255,255,255,0.78);
font-size:14px;
}

.offer-list li{
position:relative;
padding-left:18px;
}

.offer-list li::before{
content:"";
position:absolute;
left:0;
top:8px;
width:8px;
height:8px;
border-radius:99px;
background:rgba(124,92,255,0.75);
box-shadow:0 0 0 3px rgba(124,92,255,0.15);
}

/* ================= BUTTON ================= */

.offer-btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
margin-top:18px;
padding:14px 16px;
border-radius:999px;
font-weight:900;
text-decoration:none;
transition:.2s;
}

.offer-btn--primary{
color:#fff;
background:linear-gradient(90deg,var(--primary),var(--primary-2));
box-shadow:0 14px 40px rgba(124,92,255,0.28);
}

.offer-btn--premium{
color:#fff;
background:linear-gradient(90deg,var(--blue-2),var(--blue));
box-shadow:0 14px 40px rgba(0,114,255,0.25);
}

.offer-btn--secondary{
color:#fff;
background:rgba(255,255,255,0.06);
border:1px solid rgba(124,92,255,0.35);
}

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

/* ================= MICRO TEXT ================= */

.offer-micro{
margin-top:12px;
font-size:13px;
color:rgba(255,255,255,0.62);
line-height:1.5;
}

/* ================= FOOT ================= */

.offers-foot{
margin-top:40px;
display:flex;
justify-content:center;
}

.offers-foot-card{
max-width:860px;
width:100%;
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.08);
border-radius:26px;
padding:26px;
backdrop-filter:blur(14px);
}

.offers-foot-card h3{
margin-bottom:8px;
font-size:18px;
font-weight:900;
}

.offers-foot-card p{
color:var(--muted);
line-height:1.6;
}

/* ================= RESPONSIVE ================= */

@media (max-width:980px){

.offers-grid{
grid-template-columns:1fr;
}

.offer-card{
padding:24px 20px;
}

.offers-hero{
padding:130px 0 70px;
}

}