:root{--bg-color:#0b0f19;--bg-gradient:linear-gradient(135deg, #0b0f19 0%, #171b26 100%);--card-bg:#ffffff0d;--card-border:#ffffff1a;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-color:#861f41;--accent-gradient:linear-gradient(135deg, #861f41 0%, #e57200 100%);--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.header{text-align:center;margin-bottom:3rem;animation:.8s ease-out fadeInDown}.header h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.header p{color:var(--text-muted);font-size:1.1rem}.events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.event-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.6s ease-out backwards fadeInUp;display:flex;overflow:hidden}.event-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.event-image{object-fit:cover;border-bottom:1px solid var(--card-border);background:#ffffff05;width:100%;height:180px}.event-image[src="/burger.png"]{object-fit:cover;background-color:#ffb3ba}.event-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.event-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.event-org{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.org-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.event-details{margin-bottom:1.5rem;font-size:.9rem}.detail-row{color:#d1d5db;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.detail-icon{color:var(--accent-color);flex-shrink:0}.event-footer{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.badge{color:var(--success-color);letter-spacing:.5px;text-transform:uppercase;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.perks-container{flex-wrap:wrap;gap:.5rem;display:flex}.loading-container{height:40vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--card-border);border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.empty-state{text-align:center;background:var(--card-bg);border:1px dashed var(--card-border);border-radius:16px;padding:4rem 2rem}.empty-state h3{margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (width<=768px){.app-container{padding:1.5rem 1rem}.header{margin-bottom:2rem}.header h1{font-size:2.2rem}.header p{padding:0 1rem;font-size:.95rem}.events-grid{grid-template-columns:1fr;gap:1.5rem}.event-card{border-radius:12px}.ad-card-wrapper{padding:0}.footer-ad-banner{margin-top:2rem!important}}