:root{
  --accent:#CB4B05; /* campfire orange */
  --ink:#181409;    /* charcoal brown */
  --muted:#5F5223;  /* olive */
  --bg1:#181409;    /* gradient stop 1 */
  --bg2:#4F2F0F;    /* gradient stop 2 */
  --bg3:#F8AD66;    /* gradient stop 3 */
  --pop:#71C9EF;    /* subtle highlight */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--ink); line-height:1.6;
  background:
    radial-gradient(1200px 800px at 20% 10%, rgba(113,201,239,0.12), transparent 60%),
    linear-gradient(135deg, var(--bg1) 0%, var(--bg2) 40%, var(--bg3) 110%);
  background-attachment: fixed;
}

.wrapper{min-height:100%; display:flex; flex-direction:column}
.container{max-width:960px;margin:0 auto;padding:20px}
header{padding:24px 0;text-align:center}
.site-title{font-size:2.2rem;color:var(--accent);margin:8px 0 4px}

nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:10px 0 20px}
nav a{
  color:var(--accent); text-decoration:none; font-weight:bold;
  padding:6px 10px; border-radius:10px; background:rgba(255,255,255,.75)
}
nav a:hover{background:rgba(255,255,255,.95)}

main.container{
  background: rgba(255,255,255,0.90);
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px; padding:22px;
  box-shadow:0 4px 24px rgba(0,0,0,.12)
}

.hero{width:160px;height:160px;object-fit:cover;border-radius:50%;display:block;margin:0 auto}
h1,h2{color:var(--accent);margin:0.2em 0}
p{margin:0 0 18px}

footer{margin-top:auto;color:#fff;text-align:center;padding:24px 0;opacity:.9}

.socials a{color:var(--accent);text-decoration:none;font-weight:bold;margin:0 8px}
.socials a:hover{text-decoration:underline}

.callout{
  font-size:1.05rem;background:#fff6ef;border:1px solid #ffd8bd;
  border-radius:12px;padding:14px 16px;margin:10px 0
}
.btn{
  display:inline-block;padding:10px 14px;border-radius:10px;
  border:2px solid var(--accent);color:var(--accent);text-decoration:none;font-weight:bold
}
.btn:hover{background:var(--accent);color:white}

.grid{display:grid;gap:16px}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:white;border:1px solid #eee;border-radius:14px;padding:16px}
.card img{max-width:100%;border-radius:10px}
.badge{display:inline-block;background:#ffe9dc;color:var(--accent);padding:4px 8px;border-radius:999px;font-size:.8rem;margin-bottom:8px}
.stars{color:#f5a623;font-size:1.1rem}

.gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.gallery img{width:100%;height:180px;object-fit:cover;border-radius:12px}

.embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;border:1px solid #eee;background:#000}
.embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

.form{max-width:520px;margin:0 auto}
.form label{display:block;font-weight:bold;margin:10px 0 6px}
.form input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;font-size:1rem}

.center{text-align:center}