@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700;800;900&display=swap');

*{box-sizing:border-box}
body{
margin:0;background:#05020a;color:#fff;
font-family:Verdana,sans-serif;overflow:hidden;
}
.wrapper{height:100vh;padding:60px 20px}
.hero{
height:100%;
display:grid;
grid-template-columns:1.1fr .8fr 1fr;
gap:20px;
align-items:center;
position:relative;
z-index:2;
}
.panel{
border:3px solid #8b5cf6;
background:rgba(10,5,20,.85);
box-shadow:0 0 30px rgba(168,85,247,.6);
border-radius:18px;
padding:12px;
}
.ticketpanel img,.logopanel img{
width:100%;display:block;
filter:drop-shadow(0 0 25px #a855f7);
}
.centerpanel{text-align:center}
h1{font-size:clamp(32px,3vw,60px);margin:10px 0}
h2{font-size:clamp(40px,4vw,84px);color:#b56cff;margin:0}
.buttonrow{margin:20px 0}
.egg{
display:inline-block;
padding:14px 24px;
margin:8px;
border:2px solid #d8b4fe;
background:#8b5cf6;
font-weight:bold;
}
.ca{
padding:14px;
border:2px solid #8b5cf6;
margin:15px 0;
}
.menu div{
padding:12px;
margin:8px 0;
border:1px solid #8b5cf6;
}
.ticker{
position:fixed;left:0;width:100%;height:42px;
background:#12061f;
overflow:hidden;z-index:10;
border-top:2px solid #8b5cf6;
border-bottom:2px solid #8b5cf6;
}
.top{top:0}.bottom{bottom:0}
.track{
position:absolute;
white-space:nowrap;
width:max-content;
line-height:42px;
font-weight:bold;
color:#c084fc;
animation:scroll 18s linear infinite;
}
@keyframes scroll{
from{transform:translateX(100vw)}
to{transform:translateX(-100%)}
}
#matrix{
position:fixed;inset:0;pointer-events:none;z-index:1;
}
.drop{
position:absolute;color:#a855f7;opacity:.2;
animation:fall linear infinite;
}
@keyframes fall{
from{transform:translateY(-120px)}
to{transform:translateY(110vh)}
}
@media(max-width:900px){
.hero{grid-template-columns:1fr}
.wrapper{overflow:auto;padding:60px 10px}
body{overflow:auto}
}

h1,h2{
font-family:'Orbitron',sans-serif !important;
text-transform:uppercase;
letter-spacing:3px;
}
h1{animation:orgyPulse 3s ease-in-out infinite;}
h2{
animation:orgyFloat 4s ease-in-out infinite;
text-shadow:0 0 20px #a855f7;
}
@keyframes orgyPulse{50%{transform:scale(1.03)}}
@keyframes orgyFloat{50%{transform:translateY(-4px)}}

.ticketpanel{position:relative;}
.ticket-media-wrap{
position:absolute;
left:3.5%;
top:13%;
width:29%;
height:74%;
z-index:5;
overflow:hidden;
border-radius:8px;
}
.ticket-media{
width:100%;
height:100%;
object-fit:cover;
display:block;
}