@font-face{
font-family:'neofolia';
src:url('./font/neofolia.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}

/* Luxury showroom refresh */
body {
background:
linear-gradient(120deg, rgba(139,31,45,0.16), transparent 34%),
linear-gradient(rgba(5,6,8,0.74), rgba(5,6,8,0.9)),
url("images/hero.jpg");
background-size:cover;
background-position:center;
}

.topbar,
.terms-container {
border-radius:8px;
}

.topbar {
position:sticky;
top:16px;
z-index:20;
background:rgba(5,6,8,0.74);
}

.site-nav {
font-size:0.76rem;
font-weight:800;
letter-spacing:0.16em;
text-transform:uppercase;
}

.nav-cta {
border:1px solid rgba(217,183,111,0.85);
border-radius:4px;
background:linear-gradient(135deg,#f2d88c,#b78438);
}

.terms-container {
border:1px solid rgba(244,239,230,0.12);
background:rgba(12,15,20,0.82);
backdrop-filter:blur(14px);
box-shadow:0 32px 90px rgba(0,0,0,0.46);
}
*{
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:4px;
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:4px;
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;
}

}

/* Final luxury ordering override */
body {
background:
linear-gradient(120deg, rgba(139,31,45,0.16), transparent 34%),
linear-gradient(rgba(5,6,8,0.74), rgba(5,6,8,0.9)),
url("images/hero.jpg");
background-size:cover;
background-position:center;
}

.topbar {
position:sticky;
top:16px;
z-index:20;
border-radius:8px;
background:rgba(5,6,8,0.74);
}

.site-nav {
font-size:0.76rem;
font-weight:800;
letter-spacing:0.16em;
text-transform:uppercase;
}

.nav-cta {
border:1px solid rgba(217,183,111,0.85);
border-radius:4px;
background:linear-gradient(135deg,#f2d88c,#b78438);
}

.terms-container {
border:1px solid rgba(244,239,230,0.12);
border-radius:8px;
background:rgba(12,15,20,0.82);
backdrop-filter:blur(14px);
box-shadow:0 32px 90px rgba(0,0,0,0.46);
}

/* Sharp luxury corner pass */
.topbar,
.nav-cta,
.terms-container,
.back-home {
border-radius:4px;
}