@font-face{
font-family:'neofolia';
src:url('./font/neofolia.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter', sans-serif;
}

body{
background:
linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.85)),
url("images/hero.jpg");
background-size:cover;
background-position:center;
background-attachment:fixed;
color:white;
line-height:1.7;
overflow-x:hidden;
}

.topbar,
.terms-container,
.site-footer{
max-width:1180px;
margin-left:auto;
margin-right:auto;
}

.topbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:18px 24px;
margin-top:30px;
border:1px solid rgba(255,255,255,0.08);
border-radius:20px;
background:rgba(7,14,22,0.58);
backdrop-filter:blur(14px);
}

.brand-wrap{
display:inline-flex;
align-items:center;
gap:14px;
text-decoration:none;
color:inherit;
}

.brand-mark{
width:44px;
height:44px;
object-fit:contain;
}

.brand-name{
font-family:'neofolia', sans-serif;
font-size:1.7rem;
letter-spacing:0.04em;
}

.site-nav{
display:flex;
flex-wrap:wrap;
gap:22px;
}

.site-nav a{
color:#9fb0c2;
text-decoration:none;
transition:color 0.25s ease;
}

.site-nav a:hover{
color:#d4a64f;
}

.nav-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 24px;
border-radius:999px;
background:#d4a64f;
color:#09111a;
font-weight:600;
text-decoration:none;
box-shadow:0 12px 24px rgba(212,166,79,0.18);
transition:transform 0.25s ease;
}

.nav-cta:hover{
transform:translateY(-2px);
}

/* CONTAINER */
.terms-container{
max-width:900px;
margin:80px auto;
padding:30px;

background:rgba(14,27,41,0.85);
backdrop-filter:blur(10px);

border-radius:12px;
}

/* HEADINGS */
.terms-container h1{
font-family:'neofolia', sans-serif;
font-size:36px;
color:#d4a64f;
margin-bottom:20px;
}

.terms-container h2{
font-family:'neofolia', sans-serif;
margin-top:30px;
margin-bottom:10px;
color:#d4a64f;
}

/* TEXT */
.terms-container p{
color:#c3ccd5;
margin-bottom:15px;
}

/* LIST */
.terms-container ul{
margin-left:20px;
margin-bottom:20px;
color:#c3ccd5;
}

.terms-container li{
margin-bottom:8px;
}

/* LINKS */
.link{
color:#d4a64f;
text-decoration:none;
}

.link:hover{
text-decoration:underline;
}

/* BUTTON */
.back-home{
display:inline-block;
margin-top:30px;
padding:12px 24px;
background:#d4a64f;
color:black;
text-decoration:none;
border-radius:6px;
font-weight:600;
}

.site-footer{
padding:18px 0 8px;
color:#9fb0c2;
text-align:center;
font-size:0.94rem;
}

/* MOBILE */
@media (max-width:768px){

.topbar{
flex-direction:column;
align-items:flex-start;
padding:16px;
}

.site-nav{
width:100%;
gap:12px;
justify-content:flex-start;
}

.nav-cta{
width:100%;
}

body{
background-attachment:scroll;
}

.terms-container{
margin:50px 15px;
padding:20px;
}

.terms-container h1{
font-size:26px;
}

}