:root{
  --primary:#17075c;
  --primary-2:#2b1191;
  --secondary:#d16219;
  --accent:#f4b24d;
  --dark:#0f172a;
  --text:#1f2937;
  --muted:#64748b;
  --soft:#f8fafc;
  --cream:#fff8f0;
  --white:#ffffff;
  --green:#16a34a;
  --red:#dc2626;
  --blue:#2563eb;
  --border:#e2e8f0;
  --shadow:0 24px 70px rgba(15,23,42,.12);
  --shadow-soft:0 12px 35px rgba(15,23,42,.08);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 0 0,rgba(209,98,25,.11),transparent 28%),
    radial-gradient(circle at 100% 10%,rgba(43,17,145,.12),transparent 28%),
    #f6f7fb;
  color:var(--text);
  line-height:1.6;
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%}

/* TOP + NAV */
.topbar{
  background:linear-gradient(90deg,#0b0528,#1b0b63);
  color:#fff;
  font-size:13px;
  padding:9px 5vw;
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  flex-wrap:wrap;
}
header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(226,232,240,.9);
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 5vw;
  gap:16px;
  max-width:1500px;
  margin:auto;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:950;
  color:var(--primary);
  letter-spacing:-.3px;
}
.logo{
  width:52px;height:52px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  display:grid;place-items:center;
  color:white;font-size:25px;
  box-shadow:0 14px 30px rgba(27,11,99,.25);
}
.brand small{color:var(--muted);font-weight:800}
.menu{display:flex;gap:8px;align-items:center;font-weight:850;color:#334155}
.menu a{
  font-size:14px;
  padding:10px 12px;
  border-radius:999px;
}
.menu a:hover{background:#eef2ff;color:var(--primary)}
.btn{
  border:0;border-radius:999px;
  padding:12px 19px;
  cursor:pointer;
  font-weight:900;
  transition:.22s ease;
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);filter:saturate(1.07)}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:white;box-shadow:0 16px 28px rgba(27,11,99,.20)}
.btn-secondary{background:linear-gradient(135deg,var(--secondary),#e88937);color:white;box-shadow:0 16px 28px rgba(209,98,25,.22)}
.btn-light{background:#eef2ff;color:var(--primary)}
.btn-outline{background:white;color:var(--primary);border:1px solid #d8d4ff;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.btn-danger{background:var(--red);color:white}
.btn-small{padding:7px 12px;font-size:13px}
.mobile-toggle{
  display:none;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;border:0;border-radius:14px;
  padding:10px 14px;font-weight:950;
}
.mobile-panel{
  display:none;position:fixed;inset:78px 14px auto 14px;
  background:rgba(255,255,255,.96);
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:var(--shadow);
  z-index:999;padding:16px;
  backdrop-filter:blur(18px);
}
.mobile-panel.show{display:block}
.mobile-panel a{display:block;padding:13px 12px;border-bottom:1px solid var(--border);font-weight:900;color:var(--primary)}

/* HERO */
.hero{
  position:relative;
  padding:68px 5vw 42px;
  overflow:hidden;
}
.hero:before{
  content:"";
  position:absolute;
  inset:20px 5vw auto 5vw;
  height:88%;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,248,240,.86));
  border:1px solid rgba(255,255,255,.75);
  border-radius:44px;
  box-shadow:var(--shadow);
  z-index:-1;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:34px;
  align-items:center;
  max-width:1250px;
  margin:auto;
}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(226,232,240,.9);
  padding:8px 14px;border-radius:999px;
  font-weight:900;color:var(--secondary);
  box-shadow:0 10px 25px rgba(15,23,42,.06);
  font-size:13px;
}
h1{
  font-size:clamp(36px,5vw,68px);
  line-height:.99;
  margin:18px 0;
  color:var(--primary);
  letter-spacing:-2px;
}
.hero p{font-size:18px;color:#475569;max-width:760px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;max-width:680px}
.stat{
  background:rgba(255,255,255,.88);
  border:1px solid var(--border);
  border-radius:20px;
  padding:17px;
  box-shadow:var(--shadow-soft);
}
.stat strong{display:block;color:var(--primary);font-size:26px}
.stat small{color:var(--muted);font-weight:850}
.hero-card{
  background:rgba(255,255,255,.72);
  border-radius:38px;
  padding:16px;
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.85);
}
.phone{
  background:
    radial-gradient(circle at 80% 0,rgba(244,178,77,.35),transparent 30%),
    linear-gradient(160deg,#0f082e,#1b0b63 62%,#321b86);
  border-radius:32px;
  padding:22px;
  color:white;
  min-height:455px;
  overflow:hidden;
  position:relative;
}
.mini-book{
  display:flex;gap:13px;align-items:center;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  padding:13px;border-radius:22px;margin:13px 0;
  backdrop-filter:blur(8px);
}
.cover{
  width:62px;height:82px;border-radius:14px;
  background:linear-gradient(160deg,#fff,var(--accent));
  color:var(--primary);
  display:grid;place-items:center;font-weight:950;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.mini-book h4{margin:0;color:white}.mini-book small{opacity:.82}
.pay-box{margin-top:18px;background:#fff;color:var(--dark);padding:18px;border-radius:24px;box-shadow:0 15px 35px rgba(0,0,0,.16)}
.pay-box b{color:var(--primary)}

/* SECTIONS */
section{padding:54px 5vw}
.section-head{max-width:900px;margin:0 auto 30px;text-align:center}
.section-head h2{font-size:clamp(28px,3vw,44px);margin:0;color:var(--primary);letter-spacing:-.8px}
.section-head p{color:var(--muted);font-size:17px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1250px;margin:auto}
.card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(226,232,240,.9);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(10px);
}
.card:hover{box-shadow:0 22px 55px rgba(15,23,42,.11)}
.card h3{margin:10px 0 7px;color:var(--primary);letter-spacing:-.3px}
.icon{
  width:50px;height:50px;border-radius:18px;
  background:linear-gradient(135deg,#fff7ed,#ffedd5);
  display:grid;place-items:center;font-size:24px;color:var(--secondary);
}

/* BOOKS */
.toolbar{max-width:1250px;margin:0 auto 24px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.search{flex:1;min-width:230px;border:1px solid var(--border);border-radius:999px;padding:14px 18px;background:white;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.filters select,.toolbar select{border:1px solid var(--border);background:white;border-radius:999px;padding:13px 16px;font-weight:850;color:var(--primary)}
.books{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1250px;margin:auto}
.book{
  background:white;
  border:1px solid rgba(226,232,240,.95);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  transition:.25s ease;
}
.book:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.book-cover{
  height:245px;
  background:linear-gradient(145deg,var(--primary),#3d2db0 55%,var(--secondary));
  color:white;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  position:relative;
}
.book-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.45));
  pointer-events:none;
}
.book-cover>*{position:relative;z-index:1}
.book-cover .cat{
  background:rgba(255,255,255,.22);
  backdrop-filter:blur(8px);
  padding:7px 11px;
  border-radius:999px;
  width:max-content;
  font-size:12px;
  font-weight:900;
}
.book-cover h3{font-size:24px;margin:0;line-height:1.08;color:white;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.book-body{padding:19px;flex:1;display:flex;flex-direction:column}
.book-body p{color:var(--muted);font-size:14px;flex:1}
.price{display:flex;justify-content:space-between;align-items:center;margin:12px 0}
.price b{font-size:21px;color:var(--primary)}
.tag{font-size:12px;border-radius:999px;background:#ecfdf5;color:var(--green);padding:5px 9px;font-weight:900}

/* PROCESS */
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1250px;margin:auto}
.step{background:white;border:1px solid var(--border);border-radius:24px;padding:20px;position:relative;box-shadow:var(--shadow-soft)}
.num{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-radius:50%;display:grid;place-items:center;font-weight:950}
.step h3{color:var(--primary)}

/* FORMS + TABLES */
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{font-weight:900;font-size:13px;color:#334155}
.form input,.form select,.form textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:16px;
  padding:13px;
  background:#fff;
  box-shadow:0 6px 16px rgba(15,23,42,.03);
}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid rgba(43,17,145,.18);border-color:#b8b1ff}
.form .full{grid-column:1/-1}
.notice{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:18px;padding:15px;margin:14px 0}
.success{background:#ecfdf5;border-color:#bbf7d0;color:#14532d}
table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;background:white;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}
th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border);font-size:14px}
th{background:#f8fafc;color:#334155;font-weight:950}
tr:last-child td{border-bottom:0}
.status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:950}
.ok{background:#dcfce7;color:#166534}.wait{background:#fef3c7;color:#92400e}.bad{background:#fee2e2;color:#991b1b}

/* AUTHORS */
.authors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:auto}
.author{display:flex;gap:14px;align-items:center}
.avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,#fde68a,#fb923c);display:grid;place-items:center;font-weight:950;color:#7c2d12}

/* ADMIN PREMIUM */
.admin-wrap{
  display:grid;
  grid-template-columns:310px 1fr;
  gap:22px;
  padding:22px;
  min-height:100vh;
  background:
    radial-gradient(circle at 0 0,rgba(209,98,25,.18),transparent 25%),
    radial-gradient(circle at 100% 0,rgba(43,17,145,.16),transparent 28%),
    #f6f7fb;
}
.side{
  background:
    radial-gradient(circle at 80% 0,rgba(244,178,77,.24),transparent 35%),
    linear-gradient(180deg,#0b0528,#17075c 58%,#2b1191);
  color:white;
  border-radius:34px;
  padding:22px;
  min-height:92vh;
  box-shadow:0 28px 75px rgba(16,9,54,.30);
  position:sticky;
  top:20px;
  overflow:hidden;
}
.side:before{
  content:"";
  position:absolute;
  width:170px;height:170px;
  background:rgba(209,98,25,.25);
  border-radius:50%;
  filter:blur(28px);
  right:-60px;top:-40px;
}
.side>*{position:relative;z-index:1}
.side h2{margin:0 0 6px;font-size:28px;color:white}
.side p{opacity:.8;margin-top:0}
.side h3{
  color:#fed7aa;
  margin:22px 0 8px;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.9px;
}
.side a{
  width:100%;
  margin:7px 0;
  display:flex;
  align-items:center;
  gap:9px;
  background:rgba(255,255,255,.09);
  color:white;
  border:1px solid rgba(255,255,255,.10);
  padding:13px 14px;
  border-radius:17px;
  font-weight:900;
  transition:.22s ease;
}
.side a:hover,.side a.active{background:rgba(255,255,255,.18);transform:translateX(4px)}
.panel{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.90);
  border-radius:34px;
  padding:28px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}
.admin-title{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.admin-title h1,.panel h1{margin-top:0;font-size:clamp(28px,3vw,42px);letter-spacing:-1px;color:var(--primary)}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap}
.panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.metric{
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid var(--border);
  border-radius:24px;
  padding:18px;
  box-shadow:var(--shadow-soft);
}
.metric small{color:var(--muted);font-weight:900}
.metric strong{font-size:28px;color:var(--primary);display:block;margin:4px 0}

/* PROMOS */
.promo-floating{position:fixed;right:22px;bottom:22px;z-index:900;width:330px;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
.promo-floating .promo-img{height:165px;background-size:cover;background-position:center;background-image:linear-gradient(145deg,var(--primary),var(--secondary))}
.promo-floating .promo-body{padding:18px}.promo-close{position:absolute;right:10px;top:10px;border:0;background:rgba(0,0,0,.56);color:#fff;border-radius:50%;width:34px;height:34px;cursor:pointer;font-weight:900}
.promo-overlay{position:fixed;inset:0;background:rgba(15,8,46,.76);z-index:1000;display:grid;place-items:center;padding:18px}
.promo-overlay-card{background:#fff;border-radius:34px;max-width:860px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:var(--shadow)}
.promo-overlay-img{min-height:390px;background-size:cover;background-position:center;background-image:linear-gradient(145deg,var(--primary),var(--secondary))}
.promo-overlay-body{padding:32px}
.watermark-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:15px;color:#334155}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tab{padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--primary);font-weight:900}

/* FOOTER */
footer{background:linear-gradient(135deg,#0b0528,#17075c);color:white;padding:46px 5vw;margin-top:34px}
.foot{max-width:1250px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
.foot h3{color:white}.foot a,.foot p{color:rgba(255,255,255,.76);display:block;margin:8px 0}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:18px;color:rgba(255,255,255,.65);text-align:center}

/* RESPONSIVE */
@media(max-width:1120px){
  .hero-grid,.admin-wrap{grid-template-columns:1fr}
  .side{position:relative;top:auto;min-height:auto}
  .grid,.books{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr)}
  .authors,.foot{grid-template-columns:1fr 1fr}
  .panel-grid{grid-template-columns:repeat(2,1fr)}
  .menu{display:none!important}
  .mobile-toggle{display:inline-flex}
}
@media(max-width:680px){
  .topbar{justify-content:center;text-align:center}
  .nav{padding:12px 4vw}
  .brand small{display:none}
  .logo{width:44px;height:44px}
  .btn{padding:10px 13px}
  .hero{padding:34px 4vw}
  .hero:before{inset:10px 3vw auto 3vw;border-radius:28px}
  section{padding:36px 4vw}
  h1{font-size:38px;letter-spacing:-1px}
  .grid,.books,.process,.authors,.panel-grid,.foot,.form{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .phone{min-height:auto}
  .book-cover{height:220px}
  .promo-overlay-card{grid-template-columns:1fr}
  .promo-overlay-img{min-height:230px}
  .promo-floating{left:14px;right:14px;width:auto}
  .admin-wrap{padding:12px}
  .panel{padding:18px;border-radius:26px}
  table{display:block;overflow-x:auto;white-space:nowrap}
}
.premium-features-section{
    position:relative;
    padding:100px 5vw;
    overflow:hidden;
    background:
        linear-gradient(135deg,#f8f9ff,#fefaf6);
}

.premium-bg-logo{
    position:absolute;
    inset:0;
    background-image:url('assets/images/logo-benkadi.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:600px;
    opacity:0.035;
    pointer-events:none;
}

.premium-head{
    position:relative;
    z-index:2;
    max-width:950px;
    margin:auto auto 70px;
    text-align:center;
}

.premium-mini-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.85);
    border:1px solid rgba(43,17,145,.10);
    color:#D16219;
    font-weight:900;
    font-size:13px;
    box-shadow:0 12px 30px rgba(15,23,42,.06);
    backdrop-filter:blur(10px);
}

.premium-head h2{
    margin-top:22px;
    font-size:clamp(38px,5vw,72px);
    line-height:1.08;
    letter-spacing:-2px;
    color:#17075c;
    font-weight:950;
}

.premium-head p{
    margin-top:24px;
    font-size:21px;
    line-height:1.7;
    color:#64748b;
}

.premium-feature-grid{
    position:relative;
    z-index:2;
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

.premium-feature-card{
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(255,255,255,.95);
    border-radius:34px;
    padding:38px 32px;
    backdrop-filter:blur(18px);
    box-shadow:
        0 25px 60px rgba(15,23,42,.10),
        inset 0 1px 0 rgba(255,255,255,.8);
    transition:.35s ease;
}

.premium-feature-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            135deg,
            rgba(43,17,145,.04),
            rgba(209,98,25,.05)
        );
    opacity:0;
    transition:.35s ease;
}

.premium-feature-card:hover{
    transform:translateY(-12px);
    box-shadow:
        0 40px 90px rgba(15,23,42,.16),
        0 0 0 1px rgba(255,255,255,.9);
}

.premium-feature-card:hover:before{
    opacity:1;
}

.premium-icon{
    width:78px;
    height:78px;
    border-radius:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    background:
        linear-gradient(135deg,#fff7ed,#ffedd5);
    box-shadow:
        0 18px 35px rgba(209,98,25,.14);
    margin-bottom:26px;
}

.premium-feature-card h3{
    position:relative;
    z-index:2;
    margin:0 0 18px;
    font-size:34px;
    line-height:1.15;
    color:#17075c;
    letter-spacing:-1px;
}

.premium-feature-card p{
    position:relative;
    z-index:2;
    margin:0;
    font-size:18px;
    line-height:1.9;
    color:#475569;
}

@media(max-width:1200px){

    .premium-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){

    .premium-features-section{
        padding:70px 4vw;
    }

    .premium-feature-grid{
        grid-template-columns:1fr;
    }

    .premium-head h2{
        font-size:42px;
        letter-spacing:-1px;
    }

    .premium-head p{
        font-size:18px;
    }

    .premium-feature-card{
        border-radius:28px;
        padding:28px;
    }

    .premium-feature-card h3{
        font-size:28px;
    }

    .premium-feature-card p{
        font-size:17px;
        line-height:1.8;
    }

    .premium-bg-logo{
        background-size:350px;
    }
}
```

---

# IMPORTANT

Place ton logo ici :

```text
assets/images/logo-benkadi.png
```

Le logo sera utilisé comme arrière-plan très discret et premium.
/* Premium section CSS */
.premium-features-section{position:relative;padding:100px 5vw;background:linear-gradient(135deg,#f8f9ff,#fffdf9);overflow:hidden}.premium-features-section::before{content:'';position:absolute;inset:0;background-image:url('../images/logo-benkadi.png');background-repeat:no-repeat;background-position:center;background-size:650px;opacity:.025;filter:grayscale(100%);pointer-events:none}.premium-head{text-align:center;max-width:980px;margin:auto auto 70px;position:relative;z-index:2}.premium-mini-badge{display:inline-flex;padding:10px 18px;border-radius:999px;background:#fff;color:#D16219;font-weight:900;box-shadow:0 12px 30px rgba(15,23,42,.05)}.premium-head h2{font-size:clamp(42px,5vw,78px);line-height:1.05;color:#17075c;font-weight:950;letter-spacing:-2px}.premium-head p{font-size:21px;color:#64748b}.premium-feature-grid{position:relative;z-index:2;max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.premium-feature-card{background:rgba(255,255,255,.85);border-radius:36px;padding:38px 30px;box-shadow:0 30px 70px rgba(15,23,42,.10);transition:.35s}.premium-feature-card:hover{transform:translateY(-12px)}.premium-icon{width:82px;height:82px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:38px;background:linear-gradient(135deg,#fff7ed,#ffedd5);margin-bottom:28px}.premium-feature-card h3{font-size:32px;color:#17075c}.premium-feature-card p{font-size:18px;color:#475569;line-height:1.9}@media(max-width:1200px){.premium-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.premium-feature-grid{grid-template-columns:1fr}.premium-head h2{font-size:42px}.premium-features-section::before{background-size:320px}}