@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#ff6b2b;--accent2:#f59e0b;--purple:#8b5cf6;--green:#4ade80;--bg:#0e0d0b;--text:#f1f0ec;--border:#ffffff12}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.page-main{max-width:1100px;margin:0 auto;padding:24px 16px 90px}@media (width>=768px){.page-main{padding:32px 32px 60px}}@media (width>=1024px){.page-main{padding:36px 40px 60px}}.hero-box{background:linear-gradient(135deg,#ff6b2b1f,#f59e0b0d);border:1px solid #ff6b2b2e;border-radius:20px;width:100%;margin-bottom:24px;padding:22px 20px;position:relative;overflow:hidden}@media (width>=768px){.hero-box{margin-bottom:32px;padding:30px 34px}}.hero-glow{pointer-events:none;background:radial-gradient(circle,#ff6b2b26,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-50px}.hero-tag{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-family:Syne,sans-serif;font-size:10px;font-weight:700}.hero-title{color:var(--text);letter-spacing:-.02em;margin:0 0 10px;font-family:Syne,sans-serif;font-size:clamp(22px,5vw,40px);font-weight:800;line-height:1.15}.hero-title span{color:var(--accent)}.hero-desc{color:#ffffff80;max-width:480px;margin-bottom:16px;font-size:13px;line-height:1.6}.hero-chips{flex-wrap:wrap;gap:8px;display:flex}.hero-chip{color:#fff9;white-space:nowrap;background:#ffffff0f;border-radius:20px;padding:5px 12px;font-size:11px}.scroll-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row:after{content:"";flex-shrink:0;padding-right:16px}.day-btn{cursor:pointer;color:#fff9;white-space:nowrap;background:#ffffff0f;border:none;border-radius:50px;flex-shrink:0;padding:7px 16px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.day-btn.active{color:#111;background:linear-gradient(135deg,#ff6b2b,#f59e0b)}.cat-btn{cursor:pointer;color:#ffffff80;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;flex-shrink:0;padding:6px 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.cat-btn.active{border:none}.section-label{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-bar{border-radius:2px;flex-shrink:0;width:3px;height:14px}.section-text{letter-spacing:.1em;text-transform:uppercase;font-family:Syne,sans-serif;font-size:11px;font-weight:700}.events-grid{grid-template-columns:1fr;gap:14px;margin-bottom:32px;display:grid}@media (width>=560px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.events-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){.events-grid{grid-template-columns:repeat(4,1fr)}}.events-grid-featured{grid-template-columns:1fr;gap:14px;margin-bottom:32px;display:grid}@media (width>=768px){.events-grid-featured{grid-template-columns:repeat(2,1fr)}}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background:#0e0d0bf2;border-top:1px solid #ffffff0f;justify-content:space-around;padding:10px 0 14px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.bottom-nav{display:none}}.bottom-nav button{color:#ffffff4d;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;display:flex}.bottom-nav button.active{color:var(--accent)}.bottom-nav button span:first-child{font-size:20px}.events-count{color:#ffffff59;margin-bottom:18px;font-size:12px}.events-count strong{color:var(--accent);font-weight:700}.empty-state{text-align:center;color:#ffffff4d;padding:60px 20px}.empty-state .icon{margin-bottom:14px;font-size:44px}.empty-state h3{color:#ffffff80;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0d0bf2;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.header-inner{align-items:center;gap:12px;max-width:1100px;height:56px;margin:0 auto;padding:0 16px;display:flex}@media (width>=768px){.header-inner{gap:20px;height:64px;padding:0 32px}}.header-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;display:flex}.header-logo-icon{background:linear-gradient(135deg,#ff6b2b,#f59e0b);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}@media (width>=768px){.header-logo-icon{width:36px;height:36px;font-size:18px}}.header-logo-name{font-family:Syne,sans-serif;font-size:13px;font-weight:800;line-height:1}@media (width>=768px){.header-logo-name{font-size:17px}}.header-logo-sub{color:#fff6;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.header-search{flex:1;max-width:380px;display:none;position:relative}@media (width>=768px){.header-search{display:block}}.header-search input{width:100%;color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;outline:none;padding:8px 14px 8px 36px;font-family:DM Sans,sans-serif;font-size:13px}.header-search-icon{opacity:.4;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-search-mobile{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}@media (width>=768px){.btn-search-mobile{display:none}}.btn-login{color:#ffffffbf;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.btn-register{color:#111;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff6b2b,#f59e0b);border:none;border-radius:20px;flex-shrink:0;padding:6px 10px;font-family:Syne,sans-serif;font-size:11px;font-weight:800}.btn-user{color:#ffffffbf;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600}.search-drawer{padding:0 16px 12px;position:relative}.search-drawer input{width:100%;color:var(--text);background:#ffffff12;border:1px solid #ff6b2b4d;border-radius:12px;outline:none;padding:10px 14px 10px 36px;font-family:DM Sans,sans-serif;font-size:14px}.search-drawer-icon{opacity:.4;pointer-events:none;font-size:14px;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.auth-wrap{justify-content:center;align-items:center;min-height:80vh;padding:24px 16px;display:flex}.auth-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;padding:24px 20px}@media (width>=480px){.auth-box{padding:28px}}html,body,#root{max-width:100vw;overflow-x:hidden}.app-header,.page-main{overflow-x:hidden}.hero-glow{overflow:hidden}@media (width<=380px){.btn-login{display:none}.btn-register{padding:7px 12px;font-size:12px}}