html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;color:#fff;font-family:Inter,sans-serif;background:#000}
.bg{position:fixed;inset:0;background:url("../img/background.jpg") center/cover no-repeat;background-attachment:fixed;z-index:-2}
.bg:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.glass{background:rgba(20,20,20,.28);backdrop-filter:blur(16px);border:1px solid rgba(255,215,120,.25);border-radius:28px;padding:40px;max-width:1100px;width:100%;text-align:center;box-shadow:0 0 35px rgba(212,175,55,.2);animation:f .9s}
h1,h2{font-family:Cinzel,serif;color:#e7c46a}h1{font-size:clamp(48px,8vw,92px)}h2{font-size:clamp(32px,5vw,52px)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0}.three{grid-template-columns:repeat(3,1fr)}
.card{padding:28px;border:1px solid rgba(255,215,120,.2);border-radius:20px;background:rgba(255,255,255,.05);transition:.4s}.card:hover{transform:translateY(-8px);box-shadow:0 0 25px rgba(212,175,55,.35)}
.btn{display:inline-block;margin-top:18px;padding:14px 30px;border:1px solid #d4af37;border-radius:16px;color:#e7c46a;text-decoration:none;background:rgba(255,255,255,.08);transition:.35s}.btn:hover{background:#d4af37;color:#111;box-shadow:0 0 25px rgba(212,175,55,.6)}
footer{margin-top:40px;font-family:Cinzel,serif;color:#e7c46a;font-size:30px}
@keyframes f{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:900px){.grid,.three{grid-template-columns:1fr}.glass{padding:24px}}