.event-page{
		--bg:#000000;
		--card:rgba(255,255,255,0.06);
		--neon:#ea232a;
		--accent:#ea232a;
		--text:#ffffff;
		--muted:#b5b5b5;
		--zero-size: 0;
        --sm-size: .5rem;
        --md-size: 1rem;
        --lg-size: 2rem;
		font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		background: radial-gradient(circle at top, #111827, #020617 70%);
		color:var(--text);
		padding:0;

		*{box-sizing:border-box}

		section{padding:5rem 1.25rem}
		.container{max-width:1200px;margin:0 auto}
		.chd-flex-row, .chd-flex-col {display: flex}
        .chd-flex-col {flex-direction: column}
        img {object-fit: cover;width:100%;min-width:0;}
        .rounded{border-radius:15px;}
		.relative{position:relative;}

        *:is(.chd-flex-row, .chd-flex-col).justify-center,  *:is(.chd-flex-row, .chd-flex-col).center {justify-content: center;}
        *:is(.chd-flex-row, .chd-flex-col).align-center, *:is(.chd-flex-row, .chd-flex-col).center {align-items: center;}
        *:is(.chd-flex-row, .chd-flex-col).gap-sm {gap: var(--sm-size);}
        *:is(.chd-flex-row, .chd-flex-col).gap-md {gap: var(--md-size);}
        *:is(.chd-flex-row, .chd-flex-col).gap-lg {gap: var(--lg-size);}

        .p-0 {padding: var(--zero-size);}
        .p-sm {padding: var(--sm-size);}
        .p-md {padding: var(--md-size);}
        .p-lg {padding: var(--lg-size);}

        .mt-0 {margin-top: var(--zero-size);}
		.m-0 {margin: var(--zero-size);}
        .m-sm {margin: var(--sm-size);}
        .m-md {margin: var(--md-size);}
        .m-lg {margin: var(--lg-size);}
        .mx-auto {margin-left:auto;margin-right:auto;}

        .fill,.fill-width,.full-width-children>* {width: 100%}
        .fill,.fill-height,.full-height-children>* {height: 100%}
        .fit, .fit-height{height:fit-content;}
        .fit, .fit-width{width:fit-content;}

		h1, h2, h3{letter-spacing:.04em}

		h1{font-size:clamp(2.5rem,5vw,4rem)}
		h2{font-size:clamp(2rem,4vw,3rem)}
		h3{font-size:1.2rem}

		p{color:var(--muted);line-height:1.6}
		.vip-heading{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;text-transform:uppercase;}
		.vip-heading .vip-eyebrow{
			font-size:0.95rem;
			letter-spacing:0.3em;
			color:#9fb4ff;
		}
		.vip-heading .vip-main{
			font-size:clamp(2.5rem,6vw,4rem);
			font-weight:900;
			text-shadow: 0px 0px 20px hsl(231, 18%, 61%);
			background:linear-gradient(
				180deg,
				#eef2ff 0%,
				#c7d2ff 35%,
				#7b92ff 60%,
				#3b4a9f 100%
			);
			-webkit-background-clip:text;
			background-clip:text;
			color:transparent;

			text-shadow:
				0 1px 0 rgba(255,255,255,.25),
				0 0 18px rgba(160,185,255,.45),
				0 12px 30px rgba(15,23,42,.8);
		}

		.card{
			background:var(--card);
			border:1px solid rgba(255,255,255,.1);
			border-radius:24px;
			padding:2rem;
			text-align:center;
		}


		.btn{
			display:inline-block;
			padding:1rem 2.5rem;
			border-radius:999px;
			background:linear-gradient(135deg,var(--neon),var(--accent));
			color:var(--text);
			font-weight:700;
			text-decoration:none;
		}

		/* HERO */
		.hero{
			position:relative;
			min-height:fit-content;
			height:100vh;
			max-height: 100vh;
			display:flex;
			align-items:center;
			justify-content:center;
			text-align:center;
			isolation: isolate;
			padding:0;
		}

		.hero-partner{width:100%;max-width:clamp(200px, 30vw, 500px);}
		.hero-partner .autoshow-logo{width:50%;}
		.hero-partner .partner-x{
			font-size:1.5rem;
			font-weight:700;
			color:var(--muted);
			line-height:1;
		}
		.hero p{max-width:640px;margin:1.5rem auto}
		.hero-video{width:100%;min-height:100%;object-fit:cover;position:absolute;top:0;left:0;bottom:0;right:0;}
		.hero-media{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}
		.hero-content{position:relative;z-index:2;width:100%;height:100%;padding:5rem 1.25rem;background:rgba(0,0,0,.7);}

		/* SHOWCASE */
		.showcase-grid{
			display:grid;
			grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
			gap:2rem;margin-top:3rem
		}

		.showcase-grid img{width:100%;border-radius:16px;margin-bottom:1rem}

		.icon-row{
			display:grid;
			grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
			gap:2rem;margin-top:4rem
		}

		.icon{
			background:var(--card);
			border-radius:20px;
			padding:2rem;text-align:center
		}

		.icon h3{color:var(--neon)}

		.video-card{
			margin-top:3rem;
			display:grid;
			grid-template-columns:1.35fr 1fr;
			gap:2rem;
			align-items:center;
			background:var(--card);
			border:1px solid rgba(255,255,255,.1);
			border-radius:28px;
			padding:2rem;
		}
		.embed-video{
			width:100%;
			height:100%;
			object-fit:cover;
		}

		.video-frame{
			position:relative;
			border-radius:20px;
			overflow:hidden;
			aspect-ratio: 16 / 9;
			background:#000;
		}

		/* GIVEAWAY */
		.giveaway{
			background:linear-gradient(180deg,#020617,#020617 60%,#020617);
		}

		.form-card{
			max-width:600px;margin:3rem auto 0;
			background:rgba(255,255,255,.08);
			border-radius:28px;
			padding:3rem;
		}

		.form-card input{
			width:100%;padding:1rem;margin-bottom:1rem;
			border-radius:999px;border:none
		}

		.form-card button{width:100%;margin-top:1rem}
		.small-text{font-size:.85rem;color:var(--muted);margin-top:1rem}

		/* BRAND STORY */
		.story-grid{
			display:grid;
			grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
			gap:2rem;margin-top:3rem
		}

		.story-card{
			position:relative;
			border-radius:24px;overflow:hidden
		}

		.story-card img{width:100%;height:100%;object-fit:cover}

		.story-card span{
			position:absolute;inset:0;
			display:flex;align-items:center;justify-content:center;
			background:rgba(0,0,0,.6);
			font-weight:700;text-align:center
		}

		/* COUNTDOWN */
		.countdown{text-align:center}

		.timer{
			font-size:clamp(2.5rem,5vw,4rem);
			color:var(--neon);
			margin-top:2rem
		}

		/* FOOTER */
		.footer{
			text-align:center;padding:3rem 1rem;
			border-top:1px solid rgba(255,255,255,.1)
		}
		@media(max-width:768px) {
            .chd-flex-row.mobile-convert {flex-direction: column;}
            .chd-flex-row.mobile-convert.reverse {flex-direction: column-reverse;}
            .chd-flex-col.mobile-convert {flex-direction: row;}
            .chd-flex-col.mobile-convert.reverse {flex-direction: row-reverse;}
			.video-card{
				grid-template-columns:1fr;
			}
        }
	}