/* =====================================================
ROOT VARIABLES
===================================================== */

:root{
--bg:#0b0b0b;
--panel:#121212;
--panel2:#0f0f0f;
--text:#f4f4f4;
--muted:#c9c9c9;
--gold:#d6b35c;
--line:rgba(255,255,255,.12);
--shadow:0 16px 46px rgba(0,0,0,.45);
}


/* =====================================================
RESET / BASE
===================================================== */

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
margin:0;
font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
background:var(--bg);
color:var(--text);
line-height:1.55;
display:flex;
flex-direction:column;
min-height:100vh;
}

main{flex:1}

img{
max-width:100%;
height:auto;
}

h1,h2,h3{margin-top:0}


/* =====================================================
LINKS
===================================================== */

a{
color:var(--gold);
text-decoration:none;
}

a:hover{
color:#e6c97a;
text-decoration:underline;
}

a:visited{color:var(--gold)}


/* =====================================================
BUTTONS
===================================================== */

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.16);
background:rgba(255,255,255,.06);
font-weight:800;
color:#ffffff;
}

.btn:hover{
background:rgba(255,255,255,.10);
}

.btn.primary{
border-color:rgba(214,179,92,.55);
background:linear-gradient(180deg, rgba(214,179,92,.30), rgba(184,145,63,.18));
}