:root{--bg:#120a24;--bg2:#1d1040;--card:#261650;--pink:#ff3d9a;--gold:#ffc83d;--blue:#3b5bff;--text:#f3ecff;--muted:#bdb0dd}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,sans-serif;color:var(--text);line-height:1.6;min-height:100vh;
 background:radial-gradient(circle at 15% 0,#3b1c7a 0,transparent 45%),radial-gradient(circle at 90% 30%,#6a1b6e55 0,transparent 40%),linear-gradient(180deg,var(--bg2),var(--bg)) fixed}
img{max-width:100%;display:block}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;background:#120a24ee;backdrop-filter:blur(8px);border-bottom:1px solid #ff3d9a44}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;min-width:0}
.brand img{width:44px;height:44px;border-radius:10px;object-fit:cover;box-shadow:0 0 12px #ff3d9a88}
.brand span{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.brand strong{font-family:'Bebas Neue',cursive;font-size:1.5rem;letter-spacing:1px;color:var(--gold)}
.brand small{color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;font-weight:700;text-decoration:none;text-align:center;border:2px solid transparent;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-sm{padding:.4rem .9rem;font-size:.85rem;white-space:nowrap}
.btn-gold{background:linear-gradient(135deg,#ffd75e,#ff9f2e);color:#2a1200;box-shadow:0 0 16px #ffc83d66}
.btn-pink{background:var(--pink);color:#fff;box-shadow:0 0 14px #ff3d9a88}
.btn-ghost{border-color:var(--pink);color:#fff}
.btn-ghost:hover{background:#ff3d9a33}
.hero{text-align:center;padding:2.5rem 1.2rem 3rem;max-width:760px;margin:auto}
.hero-logo{width:130px;height:130px;margin:0 auto 1.2rem;border-radius:24px;object-fit:cover;box-shadow:0 0 40px #ff3d9a99,0 0 80px #3b5bff66}
.hero h1{font-family:'Bebas Neue',cursive;font-weight:400;font-size:clamp(2.4rem,9vw,4.2rem);line-height:1.05;letter-spacing:1px}
.hero h1 span{color:var(--pink);text-shadow:0 0 18px #ff3d9a99}
.hero p{color:var(--muted);margin:1rem 0 1.6rem}
.hero-actions{display:flex;flex-direction:column;gap:.8rem;align-items:center}
.hero-actions .btn{width:100%;max-width:340px}
.container{max-width:1200px;margin:auto;padding:0 1rem 3rem}
.section-title{font-family:'Bebas Neue',cursive;font-weight:400;font-size:2.2rem;letter-spacing:1px;color:var(--gold);margin-bottom:1rem;text-shadow:0 0 14px #ffc83d55}
.grid{display:grid;gap:1.2rem;grid-template-columns:1fr}
.card{background:var(--card);border-radius:16px;overflow:hidden;border:1px solid #ffffff14;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #ff3d9a44}
.thumb,.post-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.thumb img,.post-img img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#ff3d9acc;display:grid;place-items:center;font-size:1.3rem;opacity:.9;box-shadow:0 0 20px #000a}
.card-body{padding:1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.card-body p{color:var(--muted);font-size:.9rem;flex:1}
.card h3{font-size:1.05rem;line-height:1.3}
.card h3 a{text-decoration:none}
.card h3 a:hover{color:var(--gold)}
.badge{align-self:flex-start;background:#ff3d9a26;color:var(--pink);border:1px solid #ff3d9a77;padding:.1rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600}
.site-footer{text-align:center;padding:2rem 1rem 5.5rem;border-top:1px solid #ff3d9a44;color:var(--muted);display:flex;flex-direction:column;gap:.4rem;background:#0c0618}
.site-footer a{color:var(--gold);font-weight:600}
.fab{position:fixed;right:1rem;bottom:1rem;z-index:30;background:var(--pink);color:#fff;text-decoration:none;font-weight:700;padding:.75rem 1.2rem;border-radius:999px;box-shadow:0 0 22px #ff3d9acc,0 4px 14px #0008;animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 34px #ff3d9a,0 4px 14px #0008}}
.post{max-width:800px;margin:auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}
.post h1{font-family:'Bebas Neue',cursive;font-weight:400;font-size:clamp(2rem,7vw,3rem);line-height:1.1;color:var(--gold)}
.post-img{border-radius:16px;box-shadow:0 0 30px #ff3d9a55}
.post-text{font-size:1.05rem;color:var(--text)}
.post-actions{display:flex;flex-direction:column;gap:.8rem}
.back{color:var(--muted);text-decoration:none;font-size:.9rem}
.back:hover{color:var(--gold)}
@media(min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.hero-actions,.post-actions{flex-direction:row;justify-content:center}.hero-actions .btn{width:auto}}
@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}.brand small{font-size:.8rem}}