@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root { --bg:#0d0d14; --panel:#181824; --panel2:#222238; --gold:#ffcc00; --gold2:#ffaa00; --text:#f5f5f5; --muted:#b9b9c7; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:'Poppins',sans-serif; background:radial-gradient(circle at top,#252542 0,#0d0d14 55%); color:var(--text); line-height:1.6; }
a { color:inherit; }
.site-header { position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); background:rgba(13,13,20,.92); border-bottom:1px solid rgba(255,204,0,.25); }
.header-inner { max-width:1180px; margin:auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:700; letter-spacing:3px; }
.brand img { width:48px; height:48px; object-fit:cover; border-radius:10px; }
.nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.nav a { text-decoration:none; color:#ddd; padding:8px 10px; border-radius:8px; font-size:.9rem; }
.nav a:hover { background:var(--gold); color:#111; }
.hero { max-width:1180px; margin:auto; padding:80px 20px 45px; text-align:center; }
.hero img { width:min(180px,45vw); border-radius:24px; box-shadow:0 15px 50px rgba(255,204,0,.15); }
.hero h1 { margin:20px 0 8px; font-size:clamp(2.4rem,7vw,5rem); letter-spacing:8px; }
.hero p { max-width:700px; margin:0 auto 25px; color:var(--muted); font-size:1.05rem; }
.actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.btn { display:inline-block; padding:11px 18px; border-radius:10px; background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#111; text-decoration:none; font-weight:700; border:0; cursor:pointer; }
.btn.secondary { background:transparent; color:var(--gold); border:1px solid rgba(255,204,0,.5); }
.search-wrap { max-width:760px; margin:10px auto 35px; padding:0 20px; }
.search-wrap input { width:100%; padding:14px 16px; border-radius:12px; border:1px solid #44445b; background:#141420; color:#fff; font:inherit; }
.grid { max-width:1180px; margin:auto; padding:0 20px 60px; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; }
.card { background:linear-gradient(145deg,var(--panel2),var(--panel)); border:1px solid rgba(255,255,255,.07); border-radius:18px; padding:25px; box-shadow:0 12px 35px rgba(0,0,0,.25); }
.card h2 { color:var(--gold); margin-top:0; }
.card p { color:var(--muted); }
.card .btn { margin-top:10px; }
.section-title { max-width:1180px; margin:0 auto 20px; padding:0 20px; color:var(--gold); }
footer { border-top:1px solid rgba(255,204,0,.2); text-align:center; padding:28px 20px; color:#999; }
input, textarea, select { font:inherit; }
@media(max-width:760px){ .site-header{position:static}.header-inner{flex-direction:column;align-items:stretch}.nav{justify-content:center}.hero{padding-top:45px}.hero h1{letter-spacing:4px}.nav a{font-size:.82rem} }