:root{--logo-font-size: clamp(4.2rem, 14.4vw, 12rem);--sub-logo-font-size: clamp(.7rem, 2vw, 1.6rem);--section-gap: clamp(24px, 6vh, 80px);--button-gap: clamp(12px, 2vh, 24px);--font-size-heading: clamp(1rem, 3.5vw, 2rem);--font-size-button: clamp(.875rem, 2vw, 1rem);--button-padding-y: clamp(10px, 2vh, 14px);--button-padding-x: clamp(32px, 5vw, 48px);--button-border-radius: 8px;--anim-fade-duration: 1.5s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;overflow:hidden;height:100vh;width:100vw;background:#000;color:#fff}.landing-container{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#000,#0a0a0a,#000);padding-bottom:env(safe-area-inset-bottom,0)}@supports (height: 100svh){.landing-container{height:100svh}}@supports (height: 100dvh){.landing-container{height:100dvh}}.landing-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--section-gap);min-height:100vh;padding:16px;opacity:0;animation:fadeIn var(--anim-fade-duration) ease-out forwards}.logo-top,.logo-bottom{text-align:center}.logo-link{display:block;text-decoration:none;transition:transform .3s ease;cursor:pointer;position:relative;z-index:10}.logo-link:hover{transform:scale(1.02)}.logo-text{font-weight:900;font-size:var(--logo-font-size);line-height:1;margin:0}.neon-blue{color:#7dd3fc;text-shadow:0 0 4.5px #fff,0 0 9px #fff,0 0 18px #38bdf8,0 0 27px #38bdf8,0 0 36px #38bdf8,0 0 49.5px #38bdf8,0 0 67.5px #38bdf8}.neon-green{color:#bef264;text-shadow:0 0 4.5px #fff,0 0 9px #fff,0 0 18px #a3e635,0 0 27px #a3e635,0 0 36px #a3e635,0 0 49.5px #a3e635,0 0 67.5px #a3e635}.neon-violett{color:#d8b4fe;text-shadow:0 0 4.5px #fff,0 0 9px #fff,0 0 18px #c084fc,0 0 27px #c084fc,0 0 36px #c084fc,0 0 49.5px #c084fc,0 0 67.5px #c084fc}.neon-magenta{color:#f871b6;text-shadow:0 0 4.5px #fff,0 0 9px #fff,0 0 18px #f472b6,0 0 27px #f472b6,0 0 36px #f472b6,0 0 49.5px #f472b6,0 0 67.5px #f472b6}.sub-logo-text{font-size:var(--sub-logo-font-size);font-weight:700;letter-spacing:clamp(.2em,.5em,.5em);margin-top:clamp(-8px,-2vw,-16px);color:#d1d5db;text-shadow:0 0 5px rgba(255,255,255,.5)}.selection-text{text-align:center;padding:0 16px}.selection-text h1{font-size:var(--font-size-heading);font-weight:700;letter-spacing:clamp(.05em,.1em,.15em);color:#d1d5db}.festival-selection{display:flex;flex-direction:column;gap:var(--button-gap);width:100%;max-width:500px;padding:0 16px}@media (min-width: 640px){.festival-selection{flex-direction:row;justify-content:center}}.festival-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-y) var(--button-padding-x);background:#0000004d;border:1px solid rgba(255,255,255,.3);border-radius:var(--button-border-radius);color:#fff;text-decoration:none;font-size:var(--font-size-button);font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;cursor:pointer;min-width:140px;position:relative;z-index:10}.festival-button:hover{transform:scale(1.02)}.festival-button:active{transform:scale(.95)}.festival-xo:hover{border-color:#c084fccc;box-shadow:0 0 15px #c084fc80}.festival-sansibar:hover{border-color:#ec4899cc;box-shadow:0 0 15px #ec489980}.festival-xo:hover{border-color:#f5300366;box-shadow:0 8px 32px #f5300326}.festival-sansibar:hover{border-color:#0096ff66;box-shadow:0 8px 32px #0096ff26}.bg-animation{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(var(--orb-blur));opacity:.15;animation:float 20s ease-in-out infinite}.orb-1{width:var(--orb-size-1);height:var(--orb-size-1);background:radial-gradient(circle,#F53003 0%,transparent 70%);top:-150px;left:-150px;animation-delay:0s}.orb-2{width:var(--orb-size-2);height:var(--orb-size-2);background:radial-gradient(circle,#0096FF 0%,transparent 60%);bottom:-200px;right:-200px;animation-delay:5s;opacity:.18}.particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}.particle{position:absolute;width:1px;height:1px;background:#fff;border-radius:50%;animation:particleFloat linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float-glow{0%{transform:translate(0);filter:brightness(1.2)}25%{transform:translate(5px,-8px);filter:brightness(1.1)}50%{transform:translate(-5px,-12px);filter:brightness(1)}75%{transform:translate(3px,-4px);filter:brightness(1.1)}to{transform:translate(0);filter:brightness(1.2)}}@keyframes float-glow-2{0%{transform:translate(0);filter:brightness(1.2)}25%{transform:translate(-6px,-10px);filter:brightness(1.1)}50%{transform:translate(4px,-5px);filter:brightness(1)}75%{transform:translate(-8px,-11px);filter:brightness(1.1)}to{transform:translate(0);filter:brightness(1.2)}}@media (max-width: 768px){.landing-content{gap:clamp(20px,5vh,40px);padding:20px 16px}.logo-text{font-size:clamp(8.4rem,24.5vw,15rem)}.sub-logo-text{font-size:clamp(1.38rem,3.76vw,2.24rem);letter-spacing:.4em}.selection-text h1{font-size:clamp(1.2rem,3.8vw,2rem)}.festival-selection{max-width:100%}.festival-button{width:100%;min-width:unset}}@media (max-width: 480px){.landing-content{gap:clamp(18px,4vh,36px)}.logo-text{font-size:clamp(6.55rem,20.6vw,11.23rem)}.sub-logo-text{font-size:clamp(1.12rem,3.12vw,1.74rem);letter-spacing:.3em;margin-top:-12px}.selection-text h1{font-size:clamp(.95rem,3vw,1.5rem)}.festival-button{font-size:clamp(.85rem,2.5vw,1rem);padding:12px 24px}}@media (max-width: 360px){.logo-text{font-size:clamp(5.24rem,18.7vw,9.36rem)}.sub-logo-text{font-size:1.06rem;letter-spacing:.25em}.festival-button{font-size:.85rem;padding:11px 22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.festival-button:focus{outline:2px solid #ffffff;outline-offset:4px}.festival-button:focus:not(:focus-visible){outline:none}.festival-button:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.main-footer{position:relative;background:linear-gradient(180deg,#ffffff05,#fff0);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 30px #0006 inset}.main-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f53003,#ff007a 50%,#0096ff);opacity:.7}.main-footer .container{padding:1.5rem 1.25rem 2rem;display:grid;gap:.75rem}.main-footer details{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.75rem 1rem;transition:border-color .25s ease,background .25s ease}.main-footer details:hover{border-color:#ffffff3d;background:#ffffff0f}.main-footer summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#fff}.main-footer summary::-webkit-details-marker{display:none}.main-footer summary:after{content:"›";transform:rotate(90deg);transition:transform .25s ease;color:#ffffffb3;font-size:1.1rem;margin-left:.5rem}.main-footer details[open] summary:after{transform:rotate(-90deg)}.main-footer p,.main-footer a{color:#ffffffb3;font-size:.95rem}.main-footer a{text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.25)}.main-footer a:hover{color:#fff;border-bottom-color:#ffffff80}.main-footer .copyright{margin-top:.5rem}.main-footer .footer-nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.main-footer .divider{opacity:.5}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.floating-logo{animation:float-glow 10s ease-in-out infinite}.floating-logo-2{animation:float-glow-2 12s ease-in-out infinite}@keyframes float-glow{0%{transform:translate(0);filter:brightness(1.2) drop-shadow(0 4px 20px rgba(255,255,255,.15))}25%{transform:translate(5px,-8px);filter:brightness(1.1) drop-shadow(0 6px 24px rgba(255,255,255,.2))}50%{transform:translate(-5px,-12px);filter:brightness(1) drop-shadow(0 8px 28px rgba(255,255,255,.25))}75%{transform:translate(3px,-4px);filter:brightness(1.1) drop-shadow(0 6px 24px rgba(255,255,255,.2))}to{transform:translate(0);filter:brightness(1.2) drop-shadow(0 4px 20px rgba(255,255,255,.15))}}@keyframes float-glow-2{0%{transform:translate(0);filter:brightness(1.2) drop-shadow(0 4px 20px rgba(255,255,255,.15))}25%{transform:translate(-6px,-10px);filter:brightness(1.1) drop-shadow(0 6px 24px rgba(255,255,255,.2))}50%{transform:translate(4px,-5px);filter:brightness(1) drop-shadow(0 8px 28px rgba(255,255,255,.25))}75%{transform:translate(-8px,-11px);filter:brightness(1.1) drop-shadow(0 6px 24px rgba(255,255,255,.2))}to{transform:translate(0);filter:brightness(1.2) drop-shadow(0 4px 20px rgba(255,255,255,.15))}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}@keyframes neonPulse{0%,to{filter:drop-shadow(0 4px 20px rgba(255,255,255,.12)) saturate(1) brightness(1)}50%{filter:drop-shadow(0 10px 36px rgba(255,255,255,.28)) saturate(1.05) brightness(1.06)}}