/*
Theme Name: Alura Blank
Author: Alura Danu
Version: 1.0
Description: Minimal blank theme for full-code pages
*/

:root{
  --bg:#000000;
  --bg-grad:#111111;
  --text:#F3EDE4;
  --accent:#8B7355;
  --radius:8px;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);
}

html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1100px 520px at 15% -10%, rgba(139,115,85,.10), transparent 40%),
    linear-gradient(135deg, var(--bg) 0%, var(--bg-grad) 100%);
  color:var(--text);
  font-family:'Lora', serif;
  letter-spacing:.5px;
  line-height:1.6;
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:'Playfair Display', serif;
  letter-spacing:2.5px;
  color:var(--text);
  text-shadow:0 0 18px rgba(139,115,85,.22);
}
h1{font-size:clamp(2.2rem,4vw,3.5rem); margin:0 0 .5rem;}
h2{font-size:clamp(1.6rem,2.6vw,2.2rem); margin:0 0 1.25rem;}
p{margin:0 0 1rem;}

.ad-container{max-width:1200px;margin:0 auto;padding:0 24px;}
.ad-section{padding:4.5rem 0;}
.ad-glass{
  background:linear-gradient(135deg, rgba(17,17,17,.85), rgba(17,17,17,.55));
  border:1px solid rgba(139,115,85,.24);
  backdrop-filter:blur(10px);
  border-radius:var(--radius);
  box-shadow:0 10px 32px rgba(0,0,0,.35);
}
.ad-btn{
  display:inline-block; padding:14px 28px; border-radius:var(--radius);
  background:linear-gradient(135deg, var(--accent), #A0896B);
  color:var(--text); text-decoration:none; font-weight:600; letter-spacing:1px; text-transform:uppercase;
  box-shadow:0 10px 26px rgba(139,115,85,.28), 0 6px 18px rgba(0,0,0,.35);
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.ad-btn:hover{transform:translateY(-2px); box-shadow:0 14px 36px rgba(139,115,85,.36), 0 8px 22px rgba(0,0,0,.45);}
.ad-btn.secondary{background:transparent; border:2px solid var(--accent); box-shadow:none; color:var(--accent);}
.ad-btn.secondary:hover{background:rgba(139,115,85,.12);}