/* ===================================================
AURA MANIFESTE V2
=================================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:"Inter",sans-serif;

background:#070707;

color:#F4F4F4;

overflow-x:hidden;

position:relative;

}

/* Glow */

body::before{

content:"";

position:fixed;

width:700px;

height:700px;

top:-300px;

right:-250px;

background:radial-gradient(circle,rgba(168,85,247,.08),transparent 70%);

pointer-events:none;

z-index:-1;

}

body::after{

content:"";

position:fixed;

width:700px;

height:700px;

left:-300px;

bottom:-300px;

background:radial-gradient(circle,rgba(255,196,80,.06),transparent 70%);

pointer-events:none;

z-index:-1;

}

img{

display:block;

max-width:100%;

}

a{

text-decoration:none;

color:inherit;

}

.container{

width:min(92%,1180px);

margin:auto;

}

/* HEADER */

header{

padding:22px 0;

position:sticky;

top:0;

z-index:999;

backdrop-filter:blur(18px);

background:rgba(7,7,7,.55);

border-bottom:1px solid rgba(255,255,255,.04);

}

.logo{

font-size:16px;

font-weight:600;

letter-spacing:.22em;

}

/* HERO */

.hero{

min-height:58vh;

display:flex;

align-items:center;

justify-content:center;

padding:60px 0;

}

.hero-center{

display:flex;

flex-direction:column;

align-items:center;

text-align:center;

}

.hero h1{

font-family:"Cormorant Garamond",serif;

font-size:clamp(3rem,6vw,5rem);

font-weight:600;

line-height:1.03;

max-width:760px;

}

.hero-line{

width:90px;

height:1px;

background:#B89645;

margin:28px 0;

opacity:.9;

}

.hero p{

font-size:18px;

line-height:1.9;

color:#B7B7B7;

max-width:560px;

}
/* ===================================================
EBOOKS
=================================================== */

.ebook{

padding:90px 0;

position:relative;

}

.ebook::after{

content:"";

position:absolute;

left:50%;

bottom:0;

transform:translateX(-50%);

width:85%;

height:1px;

background:rgba(255,255,255,.05);

}

.ebook:last-of-type::after{

display:none;

}

.ebook-grid{

display:grid;

grid-template-columns:430px 1fr;

gap:100px;

align-items:center;

}

.reverse{

grid-template-columns:1fr 430px;

}

.reverse .ebook-image{

order:2;

}

.reverse .ebook-content{

order:1;

}

/* IMAGE */

.ebook-image{

display:flex;

justify-content:center;

align-items:center;

position:relative;

}

.ebook-image::before{

content:"";

position:absolute;

width:340px;

height:340px;

background:radial-gradient(circle,rgba(184,150,69,.10),transparent 70%);

filter:blur(30px);

z-index:-1;

}

.reverse .ebook-image::before{

background:radial-gradient(circle,rgba(126,95,255,.10),transparent 70%);

}

.ebook-image img{

width:100%;

max-width:390px;

transform:perspective(1400px) rotateY(-12deg);

transition:.45s ease;

filter:

drop-shadow(0 40px 70px rgba(0,0,0,.65));

}

.reverse .ebook-image img{

transform:perspective(1400px) rotateY(12deg);

}

.ebook-image img:hover{

transform:

perspective(1400px)

rotateY(-6deg)

translateY(-8px)

scale(1.02);

}

.reverse .ebook-image img:hover{

transform:

perspective(1400px)

rotateY(6deg)

translateY(-8px)

scale(1.02);

}

/* CONTENT */

.ebook-content span{

display:inline-block;

font-size:11px;

letter-spacing:.28em;

color:#A48B4D;

margin-bottom:20px;

text-transform:uppercase;

}

.ebook-content h2{

font-family:"Cormorant Garamond",serif;

font-size:54px;

font-weight:600;

line-height:1.05;

margin-bottom:24px;

max-width:560px;

}

.description{

font-size:17px;

line-height:1.9;

color:#B8B8B8;

max-width:520px;

margin-bottom:18px;

}

.small{

font-size:15px;

margin-bottom:36px;

max-width:540px;

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

.button{

display:inline-flex;

align-items:center;

justify-content:center;

gap:12px;

padding:20px 40px;

background:#22C55E;

color:#ffffff;

font-size:15px;

font-weight:700;

letter-spacing:.04em;

border-radius:999px;

transition:.35s;

box-shadow:
0 18px 40px rgba(34,197,94,.28);

}

.button:hover{

background:#16A34A;

transform:translateY(-3px);

box-shadow:
0 25px 55px rgba(34,197,94,.38);

}

/* ===================================================
CONTACT
=================================================== */

.contact{

padding:70px 0;

border-top:1px solid rgba(255,255,255,.05);

}

.contact-links{

display:flex;

justify-content:center;

gap:45px;

}

.contact-links a{

color:#9D9D9D;

font-size:15px;

transition:.3s;

}

.contact-links a:hover{

color:white;

}

/* ===================================================
MOBILE
=================================================== */

@media(max-width:900px){

header{

padding:12px 0;

}

.logo{

font-size:15px;

}

.hero{

min-height:auto;

padding:55px 0 30px;

}

.hero h1{

font-size:44px;

}

.hero-line{

margin:22px 0;

}

.hero p{

font-size:16px;

max-width:330px;

}

.ebook{

padding:60px 0;

}

.ebook-grid,

.reverse{

display:flex;

flex-direction:column;

gap:35px;

}

.reverse .ebook-image{

order:1 !important;

}

.reverse .ebook-content{

order:2 !important;

}

.ebook-image img{

max-width:290px;

transform:none;

}

.reverse .ebook-image img{

transform:none;

}

.ebook-image img:hover,

.reverse .ebook-image img:hover{

transform:translateY(-6px);

}

.ebook-content{

text-align:center;

}

.ebook-content h2{

font-size:36px;

max-width:100%;

}

.description,

.small{

max-width:100%;

margin-left:auto;

margin-right:auto;

}

.button{

width:100%;

max-width:320px;

}

}