*{box-sizing:border-box}html,body{background:#000;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.hero{color:#fff;width:100%;height:100vh;position:relative;overflow:hidden}.heroVideo{object-fit:cover;z-index:0;width:100%;height:100%;animation:20s ease-in-out infinite alternate slowZoom;position:absolute;inset:0}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.overlay{z-index:1;background:linear-gradient(#00000040,#000000a6);position:absolute;inset:0}.content{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.title{letter-spacing:.08em;background:linear-gradient(#ffffff26,#ffffff03);-webkit-text-fill-color:transparent;text-shadow:0 0 35px #ffffff40,0 0 80px #ffffff14;opacity:.95;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,14vw,180px);font-weight:600;line-height:1}.subtitle{letter-spacing:2px;text-transform:uppercase;color:#ffffffbf;margin-top:20px;margin-bottom:65px;font-size:16px}.events{flex-direction:column;gap:35px;width:min(950px,90vw);display:flex}.eventRow{justify-content:space-between;align-items:center;display:flex}.eventInfo{align-items:baseline;gap:12px;display:flex}.date{color:#ffffff8c;font-size:18px;font-weight:300}.city{color:#ffffffe6;font-size:32px;font-weight:500}.eventName{color:#ffffffb3;font-size:26px;font-style:italic;font-weight:300}.buttons{gap:12px;display:flex}button{cursor:pointer;border-radius:50px;height:50px;font-size:15px;transition:all .3s}.ticket{color:#000;background:#fff;border:none;padding:0 32px}.ticket:hover{opacity:.85;transform:translateY(-3px)}.telegram{color:#fff;background:#ffffff0d;border:1px solid #ffffff80;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:flex}.telegram svg{fill:#fff;width:22px;height:22px;transition:all .3s}.telegram:hover{background:#fff}.telegram:hover svg{fill:#000;transform:scale(1.1)}.telegram:hover{color:#000;background:#fff}.title{animation:1.2s forwards fadeDown}.subtitle{opacity:0;animation:1.2s .3s forwards fadeUp}.eventRow{opacity:0;animation:1.2s .5s forwards fadeUp}@keyframes fadeDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.content{justify-content:center;padding:20px;transform:translateY(-8px)}.title{letter-spacing:5px;font-size:36px}.eventRow{flex-direction:column;align-items:center;gap:10px}.date{color:#ffffff8c;font-size:13px;line-height:1.2}.city{font-size:21px;font-weight:500;line-height:1.1}.eventName{color:#ffffffb3;font-size:17px;line-height:1.1}.buttons{gap:8px;margin-top:4px}.telegram{width:38px;min-width:38px;height:38px}.telegram svg{width:15px;height:15px}.hero{min-height:100svh}.content{justify-content:flex-start;padding:80px 20px 40px;overflow-y:auto}.title{letter-spacing:8px;text-align:center;font-size:clamp(48px,14vw,65px)}.subtitle{letter-spacing:3px;margin-top:20px;margin-bottom:55px;font-size:13px}.events{gap:45px;width:100%}.eventRow{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%}.eventInfo{flex-direction:column;align-items:center;gap:8px;display:flex}.date{color:#ffffffa6;font-size:17px}.city{font-size:28px;font-weight:600}.eventName{font-size:24px}.buttons{justify-content:center;gap:12px;width:100%}.ticket{height:52px;padding:0 35px;font-size:15px}.telegram{width:52px;height:52px}}@media (max-width:380px){.content{padding-top:60px}.title{letter-spacing:6px;font-size:44px}.city{font-size:24px}.eventName{font-size:21px}}@media (max-width:700px){.content{justify-content:center;padding:30px 18px;overflow-y:auto;transform:translateY(-20px)}.title{letter-spacing:1px;font-size:68px}.subtitle{letter-spacing:2px;margin-top:15px;margin-bottom:45px;font-size:8px}.events{gap:35px;width:100%}.eventRow{flex-direction:column;gap:18px;display:flex}.eventInfo{gap:6px}.date{font-size:14px}.city{font-size:20px}.eventName{font-size:17px}.buttons{justify-content:center;width:100%;display:flex}.ticket{height:32px;padding:0 25px;font-size:14px}.telegram{width:46px;min-width:46px;height:32px;padding:0}.telegram svg{width:18px;height:18px}}.mobileOnly{display:none}.desktopOnly{display:block}@media (max-width:700px){.mobileOnly{display:block}.desktopOnly{display:none}}.telegramDisabled{opacity:.35;pointer-events:none}.buyPanelWrap{text-align:left;width:min(520px,94vw);margin-top:28px}.buyPanel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0c0c0ceb;border:1px solid #ffffff2e;border-radius:18px;padding:18px 18px 20px}.buyPanelHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.buyPanelHeader h2{margin:0;font-size:18px;font-weight:600}.buyClose{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:999px;width:40px;height:40px;font-size:24px;line-height:1}.buyMeta{color:#ffffffa6;margin:8px 0 14px;font-size:13px}.buyNotice{background:#ffd2781f;border:1px solid #ffd27859;border-radius:12px;margin-bottom:12px;padding:12px;font-size:14px;line-height:1.4}.buyError{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.buyErrorText{color:#ffb4b4;font-size:14px}.buyTip{color:#ffffff8c;margin:-6px 0 10px;font-size:12px}.field{flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.field input,.field select{color:#fff;background:#ffffff0f;border:1px solid #ffffff40;border-radius:12px;height:44px;padding:0 12px;font-size:16px}.buyTotal{margin:0 0 14px;font-size:16px}.buyFeeHint{color:#ffffff80;font-size:12px;font-weight:400;display:block}.consent{color:#fffc;align-items:flex-start;gap:10px;margin:8px 0 14px;font-size:13px;line-height:1.4;display:flex}.consent a{color:#fff;text-decoration:underline}.payBtn{width:100%;height:48px}.payBtn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (prefers-reduced-motion:reduce){.heroVideo,.title,.subtitle,.eventRow{animation:none!important}.heroVideo{display:none!important}.hero:before{content:"";z-index:0;background:url(/desktop-poster.webp) 50%/cover no-repeat,#000;position:absolute;inset:0}@media (max-width:768px){.hero:before{background-image:url(/mobile-poster.webp)}}}