*{margin:0;padding:0;box-sizing:border-box}
body{background:#050505;color:white;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.background-glow{position:fixed;top:-80px;right:-120px;width:760px;height:360px;background:radial-gradient(circle,#e20074 0%,transparent 70%);opacity:.36;filter:blur(65px)}
.grain{position:fixed;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 35%,rgba(226,0,116,.04));pointer-events:none}
.topbar{display:flex;align-items:center;gap:30px;padding:35px 45px 25px;position:relative;z-index:2}
.logo-t{font-size:110px;line-height:.8;color:#e20074;font-weight:900;letter-spacing:-8px}
h1{font-size:64px;line-height:.9;letter-spacing:-2px}
.subtitle{color:#e20074;font-size:28px;margin-top:12px;font-weight:700}
.layout{display:grid;grid-template-columns:1.25fr 2fr 420px;gap:24px;padding:20px 35px 35px;height:calc(100vh - 170px);position:relative;z-index:2}
.hero-card,.post,.sidebar{background:#111;border-radius:26px;overflow:hidden}
.hero-card{position:relative;border:3px solid #e20074;box-shadow:0 0 38px rgba(226,0,116,.45)}
.hero-card img,.post img,.hero-card video,.post video{width:100%;height:100%;object-fit:cover;display:block}
.badge{position:absolute;top:20px;left:20px;background:#e20074;padding:12px 18px;border-radius:12px;font-weight:900;z-index:3;letter-spacing:1px}
.card-footer,.overlay{position:absolute;left:0;bottom:0;width:100%;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.94))}
.card-footer strong,.overlay strong{font-size:24px}
.card-footer p{margin-top:10px;font-size:21px;line-height:1.35;color:rgba(255,255,255,.92)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.post{position:relative;min-height:0;box-shadow:0 12px 35px rgba(0,0,0,.45)}
.overlay{padding:18px}
.sidebar{border:1px solid rgba(226,0,116,.35);padding:35px;display:flex;flex-direction:column;justify-content:space-between}
.cta h2{font-size:42px;line-height:1.14;color:#e20074;letter-spacing:-1px}
.onboarding h3{font-size:28px;margin:35px 0 25px}
.event{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.13)}
.event span{display:block;color:#e20074;margin-bottom:8px;font-weight:700}
.event strong{font-size:24px}
.qr{text-align:center}
.qr img{width:180px;border-radius:18px;background:#fff;padding:12px}
.empty{display:flex;align-items:center;justify-content:center;color:#888;font-size:22px;text-align:center;padding:40px}
@media(max-width:1400px){.layout{grid-template-columns:1fr;height:auto;overflow:auto}.post{height:320px}.hero-card{height:480px}body{overflow:auto}}