/* =========================================================
GLOBAL RESET
========================================================= */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: ‘Poppins’, sans-serif;
background: #f8faff;
color: #172033;
line-height: 1.6;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
display: block;
}
button,
input,
textarea {
font-family: inherit;
}
/* =========================================================
GLOBAL CONTAINER
========================================================= */
.ebook-container {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
/* =========================================================
TOP BAR
========================================================= */
.ebook-topbar {
width: 100%;
padding: 9px 15px;
background: linear-gradient(
90deg,
#1d4ed8,
#4f46e5,
#7c3aed
);
color: #ffffff;
text-align: center;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1px;
}
/* =========================================================
HEADER
========================================================= */
.ebook-header {
width: 100%;
position: sticky;
top: 0;
z-index: 999;
background: rgba(255,255,255,0.96);
backdrop-filter: blur(14px);
border-bottom: 1px solid #e7ebf3;
}
.ebook-nav {
min-height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
/* LOGO */
.ebook-logo {
color: #0b1730;
font-size: 25px;
font-weight: 900;
letter-spacing: -0.8px;
}
.ebook-logo span {
color: #2563eb;
}
/* NAV LINKS */
.ebook-nav-links {
display: flex;
align-items: center;
gap: 29px;
list-style: none;
}
.ebook-nav-links a {
color: #465166;
font-size: 14px;
font-weight: 600;
transition: color 0.2s ease;
}
.ebook-nav-links a:hover {
color: #2563eb;
}
/* NAV CTA */
.ebook-nav-cta {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 19px;
border-radius: 9px;
background: #2563eb;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 700 !important;
box-shadow:
0 7px 18px rgba(37, 99, 235, 0.20);
}
/* MOBILE MENU */
.ebook-menu-button {
width: 42px;
height: 42px;
display: none;
align-items: center;
justify-content: center;
background: #f3f6fb;
border: 1px solid #e2e7ee;
border-radius: 9px;
color: #172033;
font-size: 23px;
cursor: pointer;
}
/* =========================================================
HERO
========================================================= */
.ebook-hero {
position: relative;
width: 100%;
overflow: hidden;
padding: 92px 0 90px;
background:
radial-gradient(
circle at 88% 15%,
rgba(124, 58, 237, 0.13),
transparent 30%
),
radial-gradient(
circle at 8% 5%,
rgba(37, 99, 235, 0.12),
transparent 28%
),
linear-gradient(
180deg,
#ffffff,
#f6f8ff
);
}
.ebook-hero-grid {
display: grid;
grid-template-columns: 1.12fr 0.88fr;
align-items: center;
gap: 65px;
}
/* HERO BADGE */
.ebook-hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
background: #eef4ff;
border: 1px solid #d9e5ff;
border-radius: 30px;
color: #245ac7;
font-size: 12px;
font-weight: 700;
}
/* HERO TITLE */
.ebook-hero-title {
max-width: 700px;
margin-top: 22px;
color: #101828;
font-size: 57px;
line-height: 1.07;
font-weight: 900;
letter-spacing: -2.1px;
}
.ebook-hero-title span {
background: linear-gradient(
90deg,
#2563eb,
#7c3aed
);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
/* HERO TEXT */
.ebook-hero-text {
max-width: 650px;
margin-top: 23px;
color: #647084;
font-size: 17px;
line-height: 1.75;
}
/* HERO CTA */
.ebook-hero-actions {
margin-top: 32px;
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.ebook-primary-btn,
.ebook-secondary-btn {
min-height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 13px 22px;
border-radius: 10px;
font-size: 14px;
font-weight: 700;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.ebook-primary-btn {
background: linear-gradient(
135deg,
#2563eb,
#4f46e5
);
color: #ffffff;
box-shadow:
0 10px 25px rgba(37, 99, 235, 0.22);
}
.ebook-primary-btn:hover {
transform: translateY(-2px);
box-shadow:
0 14px 30px rgba(37, 99, 235, 0.28);
}
.ebook-secondary-btn {
background: #ffffff;
color: #263248;
border: 1px solid #dfe5ef;
}
.ebook-secondary-btn:hover {
transform: translateY(-2px);
}
/* HERO TRUST */
.ebook-hero-trust {
margin-top: 24px;
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.ebook-hero-trust-item {
display: flex;
align-items: center;
gap: 7px;
color: #657083;
font-size: 12px;
font-weight: 600;
}
.ebook-trust-check {
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #ecfdf3;
border-radius: 50%;
color: #16a34a;
font-size: 11px;
font-weight: 900;
}
/* =========================================================
HERO VISUAL
========================================================= */
.ebook-hero-visual {
position: relative;
min-height: 460px;
display: flex;
align-items: center;
justify-content: center;
}
.ebook-product-showcase {
width: 100%;
max-width: 430px;
position: relative;
padding: 36px;
background: linear-gradient(
145deg,
#10182a,
#18284a
);
border-radius: 26px;
box-shadow:
0 30px 70px rgba(31, 42, 78, 0.24);
overflow: hidden;
}
.ebook-product-showcase::before {
content: “”;
position: absolute;
width: 180px;
height: 180px;
right: -60px;
top: -60px;
background: rgba(124,58,237,0.34);
border-radius: 50%;
filter: blur(50px);
}
.ebook-showcase-label {
position: relative;
display: inline-flex;
padding: 7px 12px;
background: rgba(255,255,255,0.10);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 20px;
color: #cfd9f2;
font-size: 11px;
font-weight: 700;
}
.ebook-showcase-title {
position: relative;
margin-top: 27px;
color: #ffffff;
font-size: 37px;
line-height: 1.12;
font-weight: 900;
letter-spacing: -1px;
}
.ebook-showcase-title span {
color: #a5b4fc;
}
.ebook-showcase-copy {
position: relative;
margin-top: 13px;
color: #b7c0d5;
font-size: 13px;
line-height: 1.7;
}
.ebook-showcase-tags {
position: relative;
margin-top: 26px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ebook-showcase-tags span {
padding: 7px 10px;
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.09);
border-radius: 7px;
color: #e6eaf3;
font-size: 10px;
font-weight: 600;
}
/* =========================================================
SECTION GLOBAL
========================================================= */
.ebook-section {
width: 100%;
padding: 82px 0;
}
.ebook-section-white {
background: #ffffff;
}
.ebook-section-soft {
background: #f5f7fb;
}
.ebook-section-header {
max-width: 750px;
margin: 0 auto;
text-align: center;
}
.ebook-section-label {
color: #2563eb;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.4px;
}
.ebook-section-title {
margin-top: 9px;
color: #111827;
font-size: 39px;
line-height: 1.2;
font-weight: 900;
letter-spacing: -1px;
}
.ebook-section-description {
margin-top: 13px;
color: #6b7689;
font-size: 15px;
line-height: 1.7;
}
/* =========================================================
CATEGORIES
========================================================= */
.ebook-category-grid {
margin-top: 38px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.ebook-category-card {
padding: 27px 22px;
background: #ffffff;
border: 1px solid #e4e8f0;
border-radius: 15px;
text-align: center;
box-shadow:
0 6px 20px rgba(15, 23, 42, 0.04);
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease;
}
.ebook-category-card:hover {
transform: translateY(-4px);
border-color: #cdd9ff;
box-shadow:
0 12px 28px rgba(32, 51, 96, 0.08);
}
.ebook-category-icon {
width: 54px;
height: 54px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(
145deg,
#eef4ff,
#f4efff
);
border-radius: 14px;
font-size: 24px;
}
.ebook-category-card h3 {
margin-top: 17px;
color: #172033;
font-size: 16px;
font-weight: 800;
}
.ebook-category-card p {
margin-top: 7px;
color: #788396;
font-size: 12px;
line-height: 1.6;
}
/* =========================================================
FEATURED PRODUCTS
========================================================= */
.ebook-product-grid {
margin-top: 42px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}
.ebook-product-card {
overflow: hidden;
background: #ffffff;
border: 1px solid #e2e7ef;
border-radius: 18px;
box-shadow:
0 8px 28px rgba(17, 24, 39, 0.05);
}
.ebook-product-card-top {
min-height: 220px;
padding: 30px;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.ebook-product-card:nth-child(1) .ebook-product-card-top {
background:
radial-gradient(
circle at 80% 10%,
rgba(255,196,0,0.24),
transparent 34%
),
linear-gradient(
145deg,
#071126,
#18356f
);
}
.ebook-product-card:nth-child(2) .ebook-product-card-top {
background:
radial-gradient(
circle at 85% 10%,
rgba(124,58,237,0.35),
transparent 34%
),
linear-gradient(
145deg,
#0d0d17,
#242044
);
}
.ebook-product-badge {
position: absolute;
top: 22px;
left: 22px;
padding: 6px 10px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 20px;
color: #ffffff;
font-size: 10px;
font-weight: 700;
}
.ebook-product-card-top h3 {
color: #ffffff;
font-size: 27px;
line-height: 1.2;
font-weight: 900;
}
.ebook-product-card-top p {
margin-top: 8px;
color: #d0d6e4;
font-size: 12px;
line-height: 1.6;
}
.ebook-product-card-bottom {
padding: 24px;
}
.ebook-product-feature-list {
display: grid;
gap: 9px;
}
.ebook-product-feature {
display: flex;
align-items: center;
gap: 8px;
color: #5f697a;
font-size: 12px;
font-weight: 500;
}
.ebook-product-feature::before {
content: “✓”;
color: #16a34a;
font-weight: 900;
}
.ebook-product-action {
margin-top: 21px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.ebook-product-action a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 15px;
border-radius: 8px;
background: #2563eb;
color: #ffffff;
font-size: 12px;
font-weight: 700;
}
.ebook-product-link {
color: #2563eb !important;
background: transparent !important;
padding-left: 0 !important;
}
/* =========================================================
WHY EBOOKNOW
========================================================= */
.ebook-benefits-grid {
margin-top: 40px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 17px;
}
.ebook-benefit {
padding: 28px 22px;
background: #ffffff;
border: 1px solid #e5e9f0;
border-radius: 15px;
}
.ebook-benefit-number {
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
background: #eef3ff;
border-radius: 11px;
color: #2563eb;
font-size: 16px;
font-weight: 900;
}
.ebook-benefit h3 {
margin-top: 16px;
color: #1b263b;
font-size: 15px;
font-weight: 800;
}
.ebook-benefit p {
margin-top: 7px;
color: #788397;
font-size: 12px;
line-height: 1.65;
}
/* =========================================================
HOW IT WORKS
========================================================= */
.ebook-steps-grid {
margin-top: 42px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.ebook-step {
position: relative;
padding: 31px 25px;
text-align: center;
background: #f8f9fd;
border: 1px solid #e5e9f1;
border-radius: 16px;
}
.ebook-step-number {
width: 46px;
height: 46px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(
135deg,
#2563eb,
#7c3aed
);
border-radius: 50%;
color: #ffffff;
font-size: 15px;
font-weight: 800;
}
.ebook-step h3 {
margin-top: 17px;
color: #172033;
font-size: 16px;
font-weight: 800;
}
.ebook-step p {
margin-top: 7px;
color: #768195;
font-size: 12px;
line-height: 1.65;
}
/* =========================================================
TRUST STRIP
========================================================= */
.ebook-trust-section {
width: 100%;
padding: 47px 0;
background: linear-gradient(
135deg,
#182851,
#1e3a7a
);
}
.ebook-trust-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.ebook-trust-box {
text-align: center;
}
.ebook-trust-box strong {
display: block;
color: #ffffff;
font-size: 16px;
font-weight: 800;
}
.ebook-trust-box span {
display: block;
margin-top: 4px;
color: #c4d0eb;
font-size: 11px;
}
/* =========================================================
FAQ
========================================================= */
.ebook-faq-wrap {
width: 100%;
max-width: 850px;
margin: 39px auto 0;
}
.ebook-faq-item {
margin-bottom: 11px;
overflow: hidden;
background: #ffffff;
border: 1px solid #e1e6ef;
border-radius: 12px;
}
.ebook-faq-question {
width: 100%;
padding: 18px 19px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
background: #ffffff;
border: none;
color: #273248;
font-size: 14px;
line-height: 1.5;
font-weight: 700;
text-align: left;
cursor: pointer;
}
.ebook-faq-icon {
width: 28px;
height: 28px;
min-width: 28px;
display: flex;
align-items: center;
justify-content: center;
background: #eef4ff;
border-radius: 50%;
color: #2563eb;
font-size: 19px;
transition: transform 0.25s ease;
}
.ebook-faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 19px;
transition:
max-height 0.3s ease,
padding 0.3s ease;
}
.ebook-faq-answer p {
margin: 0;
color: #69758a;
font-size: 12px;
line-height: 1.7;
}
.ebook-faq-item.active .ebook-faq-answer {
max-height: 300px;
padding: 0 19px 18px;
}
.ebook-faq-item.active .ebook-faq-icon {
transform: rotate(45deg);
}
/* =========================================================
CONTACT CTA
========================================================= */
.ebook-contact-cta {
width: 100%;
padding: 74px 0;
background:
radial-gradient(
circle at 85% 5%,
rgba(124,58,237,0.20),
transparent 30%
),
linear-gradient(
135deg,
#111c3b,
#203f85
);
}
.ebook-contact-card {
max-width: 850px;
margin: 0 auto;
text-align: center;
}
.ebook-contact-card h2 {
color: #ffffff;
font-size: 37px;
line-height: 1.25;
font-weight: 900;
letter-spacing: -0.8px;
}
.ebook-contact-card p {
max-width: 620px;
margin: 14px auto 0;
color: #c5d0e8;
font-size: 14px;
line-height: 1.7;
}
.ebook-contact-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
margin-top: 26px;
padding: 12px 22px;
background: #ffffff;
border-radius: 9px;
color: #1d4ed8;
font-size: 13px;
font-weight: 800;
}
/* =========================================================
FOOTER – CLEAN VERSION
========================================================= */
.ebook-footer {
width: 100%;
padding: 55px 0 24px;
background: #081020;
color: #ffffff;
}
.ebook-footer-grid {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 100px;
align-items: start;
}
.ebook-footer-brand {
max-width: 380px;
}
.ebook-footer-logo {
color: #ffffff;
font-size: 24px;
font-weight: 900;
}
.ebook-footer-logo span {
color: #60a5fa;
}
.ebook-footer-brand p {
margin-top: 13px;
color: #96a4be;
font-size: 12px;
line-height: 1.7;
}
.ebook-footer-column h4 {
color: #ffffff;
font-size: 13px;
font-weight: 800;
margin-bottom: 14px;
}
.ebook-footer-links {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
}
.ebook-footer-links a {
color: #97a5be;
font-size: 12px;
transition: color 0.2s ease;
}
.ebook-footer-links a:hover {
color: #ffffff;
}
/* FOOTER BOTTOM */
.ebook-footer-bottom {
margin-top: 42px;
padding-top: 20px;
border-top: 1px solid #1c2940;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
color: #718099;
font-size: 11px;
}
.ebook-footer-badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.ebook-footer-badges span {
padding: 6px 9px;
border: 1px solid #263651;
border-radius: 6px;
color: #8fa1bd;
font-size: 10px;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 900px) {
.ebook-menu-button {
display: flex;
}
.ebook-nav-links {
position: absolute;
left: 0;
right: 0;
top: 76px;
display: none;
flex-direction: column;
gap: 0;
padding: 10px 18px 18px;
background: #ffffff;
border-bottom: 1px solid #e3e8f0;
}
.ebook-nav-links.active {
display: flex;
}
.ebook-nav-links li {
width: 100%;
}
.ebook-nav-links a {
width: 100%;
display: block;
padding: 12px 4px;
}
.ebook-nav-cta {
text-align: center;
}
.ebook-hero-grid {
grid-template-columns: 1fr;
gap: 50px;
}
.ebook-hero-title {
font-size: 47px;
}
.ebook-hero-visual {
min-height: auto;
}
.ebook-category-grid,
.ebook-benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
.ebook-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.ebook-container {
padding-left: 14px;
padding-right: 14px;
}
.ebook-topbar {
font-size: 11px;
}
/* HEADER */
.ebook-nav {
min-height: 68px;
}
.ebook-logo {
font-size: 22px;
}
.ebook-nav-links {
top: 68px;
}
/* HERO */
.ebook-hero {
padding: 55px 0 58px;
}
.ebook-hero-title {
margin-top: 18px;
font-size: 36px;
line-height: 1.12;
letter-spacing: -1px;
}
.ebook-hero-text {
margin-top: 18px;
font-size: 14px;
line-height: 1.7;
}
.ebook-hero-actions {
margin-top: 26px;
flex-direction: column;
align-items: stretch;
}
.ebook-primary-btn,
.ebook-secondary-btn {
width: 100%;
}
.ebook-hero-trust {
gap: 10px;
}
.ebook-product-showcase {
padding: 29px 22px;
border-radius: 20px;
}
.ebook-showcase-title {
font-size: 31px;
}
/* SECTIONS */
.ebook-section {
padding: 55px 0;
}
.ebook-section-title {
font-size: 29px;
letter-spacing: -0.5px;
}
.ebook-section-description {
font-size: 13px;
}
/* GRIDS */
.ebook-category-grid,
.ebook-benefits-grid,
.ebook-product-grid,
.ebook-steps-grid,
.ebook-footer-grid {
grid-template-columns: 1fr;
}
.ebook-category-grid,
.ebook-product-grid,
.ebook-benefits-grid,
.ebook-steps-grid {
margin-top: 28px;
}
/* PRODUCT */
.ebook-product-card-top {
min-height: 190px;
padding: 24px;
}
.ebook-product-card-top h3 {
font-size: 23px;
}
/* TRUST */
.ebook-trust-section {
padding: 38px 0;
}
.ebook-trust-grid {
grid-template-columns: repeat(2, 1fr);
gap: 28px 10px;
}
/* CONTACT */
.ebook-contact-cta {
padding: 55px 0;
}
.ebook-contact-card h2 {
font-size: 29px;
}
.ebook-contact-card p {
font-size: 13px;
}
/* FOOTER */
.ebook-footer {
padding-top: 48px;
}
.ebook-footer-grid {
gap: 30px;
}
.ebook-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
}

Premium Digital Resources • Instant Access • Secure Checkout