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

body{

background-color:#050505;

font-family:
Georgia,
serif;

color:#E8D7B0;

}


.navbar{

position:fixed;

top:0;

left:0;

width:100%;

padding:

18px
60px;

display:flex;

justify-content:
flex-start;

gap: 48px;

align-items:
center;

z-index:100;

background:

rgba(
0,
0,
0,
0.10
);

backdrop-filter:

blur(
20px
);

border-bottom:none;

}


.nav-left{

display:flex;

align-items:center;

gap:14px;

}


.nav-logo{

width:58px;

height:58px;

object-fit:
contain;

}


.nav-title{

font-size:
32px;

font-weight:
500;

color:

#D4B06E;

}


.nav-right{

display:flex;

align-items:center;

gap:48px;

}


.nav-right a{

text-decoration:
none;

color:
#D4B06E;

font-size:
18px;

transition:
0.25s;

}


.nav-right a:hover{

opacity:0.6;

}

.hero{

height:100vh;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

padding-top:180px;

background:

linear-gradient(
rgba(0,0,0,.58),
rgba(0,0,0,.72)
),

url("assets/hero_tree.jpg");

background-size:
cover;

background-position:
center;

background-repeat:
no-repeat;

}


.hero-content{

display:flex;

flex-direction:column;

align-items:center;

gap:24px;

}


.hero h1{

font-size:96px;

color:#F7F1E5;

font-weight:500;

line-height:0.95;

text-shadow:

0 0 40px
rgba(
255,
255,
255,
0.08
);

}


.hero p{

font-size:28px;

color:#D4B06E;

letter-spacing:1px;

}


.hero button{

padding:

16px
34px;

font-size:18px;

color:#D4B06E;

background:

rgba(
212,
176,
110,
0.12
);

border:

1px solid
rgba(
212,
176,
110,
0.25
);

border-radius:
18px;

backdrop-filter:
blur(
20px
);

cursor:pointer;

transition:
0.3s;

margin-top:14px;

}


.hero button:hover{

transform:
translateY(-2px);

background:

rgba(
212,
176,
110,
0.18
);

}

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

body{

background-color:#050505;

font-family:
Georgia,
serif;

color:#E8D7B0;

}


.navbar{

position:fixed;

top:0;

left:0;

width:100%;

padding:

18px
60px;

display:flex;

justify-content:
flex-start;

gap: 48px;

align-items:
center;

z-index:100;

background:

rgba(
0,
0,
0,
0.10
);

backdrop-filter:

blur(
20px
);

border-bottom:none;

}


.nav-left{

display:flex;

align-items:center;

gap:14px;

}


.nav-logo{

width:58px;

height:58px;

object-fit:
contain;

}


.nav-title{

font-size:
32px;

font-weight:
500;

color:

#D4B06E;

}


.nav-right{

display:flex;

align-items:center;

gap:48px;

}


.nav-right a{

text-decoration:
none;

color:
#D4B06E;

font-size:
18px;

transition:
0.25s;

}


.nav-right a:hover{

opacity:0.6;

}

.hero{

height:100vh;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

padding-top:180px;

background:

linear-gradient(
rgba(0,0,0,.58),
rgba(0,0,0,.72)
),

url("assets/hero_tree.jpg");

background-size:
cover;

background-position:
center;

background-repeat:
no-repeat;

}


.hero-content{

display:flex;

flex-direction:column;

align-items:center;

gap:24px;

}


.hero h1{

font-size:96px;

color:#F7F1E5;

font-weight:500;

line-height:0.95;

text-shadow:

0 0 40px
rgba(
255,
255,
255,
0.08
);

}


.hero p{

font-size:28px;

color:#D4B06E;

letter-spacing:1px;

}


.hero button{

padding:

16px
34px;

font-size:18px;

color:#D4B06E;

background:

rgba(
212,
176,
110,
0.12
);

border:

1px solid
rgba(
212,
176,
110,
0.25
);

border-radius:
18px;

backdrop-filter:
blur(
20px
);

cursor:pointer;

transition:
0.3s;

}


.hero button:hover{

transform:
translateY(-2px);

background:

rgba(
212,
176,
110,
0.18
);

}



.about-section{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

padding:120px 24px;

background:

radial-gradient(
circle at 50% 35%,
rgba(212,176,110,0.10) 0%,
rgba(212,176,110,0.04) 28%,
rgba(10,10,10,0.96) 62%,
#050505 100%
);

position:relative;

overflow:hidden;

border-bottom:none;

}


.about-section::before{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
to bottom,
rgba(255,255,255,0.03),
rgba(0,0,0,0.36)
);

pointer-events:none;

}


.glass-card{

position:relative;

z-index:1;

max-width:920px;

padding:72px;

border-radius:36px;

transform:
translateY(-20px);

transition:
0.5s;

background:

rgba(
8,
8,
8,
0.38
);

border:

1px solid
rgba(
212,
176,
110,
0.12
);

backdrop-filter:
blur(
24px
);

box-shadow:

0 0 120px
rgba(
212,
176,
110,
0.05
);

}

.glass-card:hover{

transform:
translateY(-6px);

box-shadow:

0 0 150px
rgba(
212,
176,
110,
0.08
);

}


.section-label{

font-size:16px;

letter-spacing:3px;

text-transform:uppercase;

color:#D4B06E;

margin-bottom:24px;

}


.glass-card h2{

font-size:52px;

line-height:1.05;

font-weight:500;

color:#F7F1E5;

margin-bottom:28px;

max-width:700px;

}


.section-text{

font-size:20px;

line-height:1.65;

color:#E8D7B0;

margin-bottom:18px;

}

.tiers-section{

min-height:100vh;

padding:140px 60px;

position:relative;

overflow:hidden;

background:

linear-gradient(
rgba(0,0,0,.72),
rgba(0,0,0,.84)
),

url("assets/body_bg.png");

background-size:95%;

background-repeat:no-repeat;

background-position:center;

}


.tiers-section::before{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
to bottom,
rgba(0,0,0,.30),
rgba(0,0,0,.55)
);

pointer-events:none;

z-index:0;

}

.tiers-header{

max-width:900px;

margin:0 auto 70px;

text-align:center;

position:relative;

z-index:1;

}


.tiers-header h2{

font-size:48px;

line-height:1.1;

font-weight:500;

color:#F7F1E5;

}


.tier-grid{

max-width:1200px;

margin:0 auto;

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:28px;

position:relative;

z-index:1;

}


.tier-card{

padding:42px;

border-radius:30px;

background:

rgba(
8,
8,
8,
0.58
);

border:

1px solid
rgba(
212,
176,
110,
0.14
);

box-shadow:

0 0 80px
rgba(
212,
176,
110,
0.04
);

transition:0.35s;

}


.tier-card:hover{

transform:
translateY(-8px);

border-color:
rgba(
212,
176,
110,
0.28
);

box-shadow:

0 0 120px
rgba(
212,
176,
110,
0.08
);

}


.tier-card h3{

font-size:18px;

letter-spacing:3px;

text-transform:uppercase;

color:#D4B06E;

margin-bottom:24px;

}


.tier-card h4{

font-size:36px;

color:#F7F1E5;

margin-bottom:18px;

font-weight:500;

}


.tier-card p{

font-size:18px;

line-height:1.6;

color:#E8D7B0;

margin-bottom:18px;

}


.glass-card{

position:relative;

z-index:1;

max-width:920px;

padding:72px;

border-radius:36px;

transform:
translateY(-20px);

transition:
0.5s;

background:

rgba(
8,
8,
8,
0.38
);

border:

1px solid
rgba(
212,
176,
110,
0.12
);

backdrop-filter:
blur(
24px
);

box-shadow:

0 0 120px
rgba(
212,
176,
110,
0.05
);

}

.glass-card:hover{

transform:
translateY(-6px);

box-shadow:

0 0 150px
rgba(
212,
176,
110,
0.08
);

}


.section-label{

font-size:16px;

letter-spacing:3px;

text-transform:uppercase;

color:#D4B06E;

margin-bottom:24px;

}


.glass-card h2{

font-size:52px;

line-height:1.05;

font-weight:500;

color:#F7F1E5;

margin-bottom:28px;

max-width:700px;

}


.section-text{

font-size:20px;

line-height:1.65;

color:#E8D7B0;

margin-bottom:18px;

}

.tiers-section{

min-height:100vh;

padding:140px 60px;

position:relative;

overflow:hidden;

z-index:1;

}


.tiers-section::before{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(
to bottom,
rgba(0,0,0,.18),
rgba(0,0,0,.50)
);

pointer-events:none;

}

.tiers-header{

max-width:900px;

margin:0 auto 82px;

text-align:center;

position:relative;

z-index:1;

}

.path-title-row{

display:flex;

justify-content:center;

align-items:center;

gap:190px;

margin-bottom:40px;

transform:translateX(34px);

}

.path-right{

margin-left:70px;

}

.path-side{

display:flex;

align-items:center;

gap:22px;

color:#D4B06E;

text-shadow:
0 0 14px rgba(212,176,110,.18);

}

.path-side strong{

font-size:34px;

letter-spacing:14px;

font-weight:500;

}

.path-side span{

display:block;

width:90px;

height:1px;

background:linear-gradient(
90deg,
transparent,
rgba(212,176,110,.9)
);

position:relative;

}

.path-right span{

background:linear-gradient(
90deg,
rgba(212,176,110,.9),
transparent
);

}

.path-side span::after{

content:"";

position:absolute;

top:50%;

right:0;

width:8px;

height:8px;

border-radius:50%;

background:#D4B06E;

box-shadow:0 0 18px rgba(212,176,110,.9);

transform:translateY(-50%);

}

.path-right span::after{

left:0;

right:auto;

}

.tier-label span{

color:#D4B06E;

text-transform:uppercase;

line-height:1;

}

.tier-label span:first-child{

font-size:14px;

letter-spacing:8px;

opacity:.75;

margin-bottom:4px;

}

.tier-label span:last-child{

font-size:34px;

letter-spacing:12px;

font-weight:500;

}

.tiers-header h2{

font-size:48px;

line-height:1.1;

font-weight:500;

color:#F7F1E5;

}


.tier-grid{

max-width:1200px;

margin:0 auto;

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:28px;

position:relative;

z-index:1;

}


.tier-card{

padding:42px;

border-radius:30px;

background:

rgba(
8,
8,
8,
0.58
);

border:

1px solid
rgba(
212,
176,
110,
0.14
);

box-shadow:

0 0 80px
rgba(
212,
176,
110,
0.04
);

transition:0.35s;

}


.tier-card:hover{

transform:
translateY(-8px);

border-color:
rgba(
212,
176,
110,
0.28
);

box-shadow:

0 0 120px
rgba(
212,
176,
110,
0.08
);

}


.tier-card h3{

font-size:18px;

letter-spacing:3px;

text-transform:uppercase;

color:#D4B06E;

margin-bottom:24px;

}


.tier-card h4{

font-size:36px;

color:#F7F1E5;

margin-bottom:18px;

font-weight:500;

}


.tier-card p{

font-size:18px;

line-height:1.6;

color:#E8D7B0;

margin-bottom:18px;

}

.legal-section{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

padding:120px 24px;

position:relative;

overflow:hidden;

background:

linear-gradient(
rgba(0,0,0,.78),
rgba(0,0,0,.88)
),

url("assets/path_bg.jpg");

background-size:cover;

background-position:center;

}

.legal-section::before{

content:"";

position:absolute;

inset:0;

background:

radial-gradient(
circle at center,
rgba(212,176,110,.06),
transparent 60%
);

pointer-events:none;

}

.legal-card{

max-width:860px;

text-align:center;

}

.legal-links{

display:flex;

justify-content:center;

gap:34px;

margin-top:46px;

margin-bottom:28px;

}

.legal-links a{

color:#D4B06E;

text-decoration:none;

font-size:15px;

letter-spacing:2px;

text-transform:uppercase;

opacity:.78;

transition:.25s;

}

.legal-links a:hover{

opacity:1;

}

.copyright{

margin-top:18px;

font-size:14px;

color:
rgba(232,215,176,.62);

letter-spacing:1px;

}