body.avgc-bg{
  margin:0;
  min-height:100vh;
  background:linear-gradient(180deg,#ffffff 0,#ffffff 25%,#050f52 25%,#050f52 100%);
  font-family:Inter,system-ui,sans-serif;
  color:#fff
}

.page-shell{
  min-height:100vh;
  padding:10px
}

.poster-frame{
  max-width:1350px;
  margin:0 auto;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 0 0 transparent;
  background:#fff
}

.poster-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 24px;
  background:linear-gradient(90deg,#fff 0,#fff7fb 100%);
  position:relative
}

.maac-brand{
  display:flex;
  align-items:center;
  gap:16px
}

.maac-logo{
  font-weight:900;
  font-size:2.1rem;
  line-height:1;
  color:#d6a000;
  letter-spacing:1px;
  text-shadow:0 1px 0 rgba(0,0,0,.1)
}

.maac-text .small-title{
  color:#202020;
  font-weight:800;
  font-size:.84rem;
  letter-spacing:.3px
}

.maac-text .small-sub{
  color:#111;
  font-size:.72rem;
  font-weight:700;
  opacity:.92
}

.poster-dots{
  display:flex;
  gap:14px;
  align-items:center;
  padding-right:6px
}

.poster-dots span{
  width:12px;
  height:12px;
  border-radius:50%;
  display:inline-block
}

.poster-dots span:nth-child(1){background:#ffdb00}
.poster-dots span:nth-child(2){background:#1739c7}
.poster-dots span:nth-child(3){background:#ff2d98}

.poster-body{
  background:linear-gradient(180deg,#0b146d 0,#07104e 100%)
}

.poster-left{
  padding:34px 30px 22px 32px;
  position:relative;
  background:radial-gradient(circle at 50% 25%,rgba(95,125,255,.18),transparent 24%),linear-gradient(180deg,#0c1471 0,#081044 100%)
}

.poster-left:before{
  content:'';
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:24px 24px;
  opacity:.35;
  pointer-events:none
}

.hero-copy{
  position:relative;
  z-index:1
}

.invite-line{
  display:inline-block;
  color:#fff;
  font-weight:700;
  letter-spacing:1.2px;
  font-size:1.18rem;
  border-bottom:2px solid #ffd84a;
  padding-bottom:10px;
  margin-bottom:18px
}

.title-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap
}

.avgc-logo-stack{
  display:flex;
  flex-direction:column;
  line-height:1;
  gap:2px;
  margin-top:8px
}

.avgc-logo-stack .a{
  font-size:3.6rem;
  font-weight:900;
  line-height:.92;
  letter-spacing:-1px;
  text-shadow:0 0 0 #000
}

.a1{color:#7b2cff}
.a2{color:#ffb300}
.a3{color:#ff2d98}

.hero-title{
  margin:0;
  font-size:3.15rem;
  line-height:.95;
  font-weight:900;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:-1px
}

.hero-title span{
  font-size:2.1rem;
  display:inline-block
}

.hero-tag{
  font-size:1.5rem;
  font-weight:900;
  margin-top:10px;
  color:#fff;
  letter-spacing:.2px
}

.chips-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px
}

.chip{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:12px;
  padding:10px 12px;
  color:#fff;
  font-weight:800;
  min-height:58px;
  box-shadow:0 8px 20px rgba(0,0,0,.18)
}

.chip i{
  font-size:1.25rem;
  width:24px;
  text-align:center
}

.chip span{
  font-size:.9rem;
  line-height:1.05
}

.chip small{
  display:block;
  font-size:.68rem;
  font-weight:700;
  opacity:.92
}

.c1{background:linear-gradient(135deg,#ff2d98,#d8006f)}
.c2{background:linear-gradient(135deg,#7b2cff,#4d15da)}
.c3{background:linear-gradient(135deg,#1fa5ff,#0a72c9)}
.c4{background:linear-gradient(135deg,#ffcd00,#f3a400);color:#111}
.c5{background:linear-gradient(135deg,#ff2d98,#ff0099)}
.c6{background:linear-gradient(135deg,#ffc400,#e0a600);color:#111}

.sub-line{
  font-weight:900;
  color:#fff;
  font-size:1.25rem;
  margin:26px 0 18px;
  text-transform:uppercase;
  text-align:left
}

.event-meta{
  display:flex;
  flex-direction:column;
  gap:12px
}

.meta-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#fff;
  font-weight:800;
  font-size:1.05rem
}

.meta-item i{
  font-size:1.2rem;
  transform:translateY(2px)
}

.meta-item span{
  color:#fff8a8
}

.open-for{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:26px;
  color:#fff
}

.open-for span{
  flex:1;
  height:2px;
  background:#fff;
  opacity:.85
}

.open-for div{
  text-align:center;
  font-size:.92rem;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.2px
}

.poster-right{
  position:relative;
  display:grid;
  grid-template-rows:repeat(4,1fr);
  min-height:100%
}

.side-stack{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
  color:#fff;
  border-left:4px solid rgba(255,255,255,.9);
  border-top:4px solid rgba(255,255,255,.9)
}

.side-stack i{
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.2))
}

.side-purple{background:#6e11f6}
.side-pink{background:#ff4f77}
.side-blue{background:#1d4fff}
.side-yellow{background:#ffbf00;color:#111}

.register-panel{
  position:relative;
  padding:26px 24px 30px;
  background:linear-gradient(180deg,#fff 0,#f6f7ff 100%)
}

.register-glow{
  position:absolute;
  inset:auto 20px 100% 20px;
  height:1px;
  box-shadow:0 0 80px 24px rgba(123,44,255,.12)
}

.panel-note{
  background:linear-gradient(160deg,#0c1471,#111b61);
  border-radius:24px;
  padding:26px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  height:100%
}

.note-badge{
  display:inline-block;
  background:linear-gradient(135deg,#ff2d98,#7b2cff);
  color:#fff;
  padding:8px 14px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.6px
}

.panel-note h2{
  font-size:2rem;
  font-weight:900;
  margin:16px 0 10px;
  color:#fff
}

.panel-note p{
  color:rgba(255,255,255,.78);
  margin-bottom:18px;
  line-height:1.6
}

.note-points{
  display:grid;
  gap:12px
}

.note-points div{
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  padding:12px 14px;
  border-radius:14px;
  color:#fff;
  font-weight:700
}

.form-shell{
  background:linear-gradient(180deg,#ffffff 0,#f2f4ff 100%);
  border-radius:24px;
  padding:22px;
  box-shadow:0 18px 40px rgba(0,0,0,.12)
}

.form-label{
  color:#111;
  font-weight:700;
  margin-bottom:.4rem
}

.form-control{
  border:1px solid rgba(15,23,42,.12);
  border-radius:16px;
  padding:.95rem 1rem;
  background:#fff
}

.form-control:focus{
  box-shadow:0 0 0 .2rem rgba(123,44,255,.15);
  border-color:#7b2cff
}

.btn-neon{
  background:linear-gradient(135deg,#ff2d98,#7b2cff);
  color:#fff;
  border:0;
  border-radius:16px;
  padding:.95rem 1.2rem;
  font-weight:800;
  box-shadow:0 14px 35px rgba(123,44,255,.32)
}

.btn-neon:hover{
  color:#fff;
  transform:translateY(-1px)
}

@media (max-width:991.98px){
  .hero-title{font-size:2.5rem}
  .hero-title span{font-size:1.8rem}
  .chips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-right{
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:none;
    min-height:110px
  }
  .side-stack{
    min-height:110px;
    border-left:0;
    border-top:4px solid rgba(255,255,255,.9);
    border-right:1px solid rgba(255,255,255,.16)
  }
  .poster-body{display:block}
}

@media (max-width:575.98px){
  .poster-top{padding:14px 16px}
  .maac-logo{font-size:1.8rem}
  .hero-title{font-size:2.1rem}
  .hero-title span{font-size:1.5rem}
  .chips-grid{grid-template-columns:1fr}
  .sub-line{font-size:1rem}
  .register-panel{padding:18px 14px}
  .panel-note h2{font-size:1.5rem}
}