/* Club Razer Hongdae - Electric Cyan + Jet Black Theme */
/* Class prefix: lz- */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

.lz-page{
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:#0d0d0d;
  color:#d0d0d0;
  line-height:1.75;
  overflow-x:hidden;
}

/* Hero */
.lz-hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0d0d0d;
  overflow:hidden;
}
.lz-hero-beams{
  position:absolute;inset:0;
  background:
    linear-gradient(170deg,transparent 40%,rgba(0,229,255,0.04) 50%,transparent 60%),
    linear-gradient(190deg,transparent 30%,rgba(0,229,255,0.03) 45%,transparent 55%),
    linear-gradient(150deg,transparent 50%,rgba(0,229,255,0.05) 60%,transparent 70%);
}
.lz-hero-center{
  position:relative;z-index:2;
  text-align:center;padding:2rem;
}
.lz-tag{
  font-size:0.72rem;
  letter-spacing:0.2em;
  color:#00e5ff;
  opacity:0.7;
  margin-bottom:2rem;
}
.lz-hero-headline{
  font-size:clamp(1.8rem,5.5vw,3.6rem);
  font-weight:900;
  color:#fff;
  line-height:1.3;
  margin-bottom:2rem;
  text-shadow:0 0 60px rgba(0,229,255,0.2);
}
.lz-glow-btn{
  display:inline-block;
  border:2px solid #00e5ff;
  color:#00e5ff;
  padding:0.9rem 2.5rem;
  border-radius:0;
  text-decoration:none;
  font-weight:700;
  font-size:1rem;
  letter-spacing:0.05em;
  transition:all 0.3s;
}
.lz-glow-btn:hover{
  background:#00e5ff;
  color:#0d0d0d;
  box-shadow:0 0 40px rgba(0,229,255,0.4);
}

/* Beam Divider */
.lz-beam-divider{
  height:3px;
  background:linear-gradient(90deg,transparent 0%,#00e5ff 20%,#00e5ff 80%,transparent 100%);
  opacity:0.4;
}
.lz-beam-divider-thin{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,255,0.2),transparent);
  margin:1.5rem 0;
}

/* Blocks */
.lz-block{padding:4rem 1.5rem}
.lz-block-dark{background:#0a0a0a}
.lz-wrap{max-width:860px;margin:0 auto}

/* Section Labels */
.lz-section-label{
  font-size:clamp(1.4rem,3.5vw,2rem);
  font-weight:800;
  color:#00e5ff;
  margin-bottom:0.3rem;
  letter-spacing:0.05em;
}
.lz-label-glow{
  text-shadow:0 0 20px rgba(0,229,255,0.3);
}
.lz-section-desc{
  font-size:0.9rem;
  color:#666;
  margin-bottom:2.5rem;
}
.lz-desc-dim{color:#555}

/* Beam Rows */
.lz-beam-row{padding:0.5rem 0}
.lz-beam-cell{
  border-left:3px solid #00e5ff;
  padding-left:1.5rem;
}
.lz-beam-index{
  font-size:0.7rem;
  letter-spacing:0.15em;
  color:#00e5ff;
  opacity:0.6;
  margin-bottom:0.3rem;
}
.lz-beam-cell h3{
  font-size:1.15rem;
  font-weight:700;
  color:#e0e0e0;
  margin-bottom:0.6rem;
}
.lz-beam-cell p{
  color:#999;
  font-size:0.93rem;
  line-height:1.8;
}

/* Split panels */
.lz-split-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
}
.lz-split-panel{
  padding:2rem;
  background:#111;
}
.lz-split-left{border-right:1px solid rgba(0,229,255,0.15)}
.lz-freq-tag{
  font-size:0.7rem;
  letter-spacing:0.2em;
  color:#00e5ff;
  opacity:0.5;
  margin-bottom:0.5rem;
}
.lz-split-panel h3{
  font-size:1.15rem;
  font-weight:700;
  color:#e0e0e0;
  margin-bottom:0.7rem;
}
.lz-split-panel p{
  color:#888;
  font-size:0.93rem;
  line-height:1.8;
}

/* Pulse */
.lz-pulse-list{display:flex;flex-direction:column;gap:1.8rem}
.lz-pulse-item{
  display:grid;
  grid-template-columns:55px 100px 1fr;
  gap:1rem;
  align-items:start;
}
.lz-pulse-time{
  font-size:0.95rem;
  font-weight:700;
  color:#00e5ff;
  font-variant-numeric:tabular-nums;
}
.lz-pulse-bar{
  height:10px;
  background:#1a1a1a;
  border-radius:0;
  overflow:hidden;
  margin-top:6px;
}
.lz-pulse-fill{
  height:100%;
  background:#00e5ff;
  box-shadow:0 0 8px rgba(0,229,255,0.5);
}
.lz-pulse-note{
  font-size:0.88rem;
  color:#888;
  line-height:1.7;
}

/* Refraction grid */
.lz-refract-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(0,229,255,0.1);
}
.lz-refract-card{
  background:#0a0a0a;
  padding:1.8rem;
}
.lz-refract-card h3{
  font-size:1.05rem;
  font-weight:700;
  color:#e0e0e0;
  margin-bottom:0.6rem;
}
.lz-refract-card p{
  color:#777;
  font-size:0.9rem;
  line-height:1.8;
}

/* Focus rows */
.lz-focus-rows{
  display:flex;flex-direction:column;
}
.lz-focus-row{
  display:flex;
  justify-content:space-between;
  padding:1rem 0;
  border-bottom:1px solid #1a1a1a;
}
.lz-focus-key{
  font-weight:700;
  color:#00e5ff;
  font-size:0.9rem;
  flex-shrink:0;
  width:80px;
}
.lz-focus-val{
  color:#aaa;
  font-size:0.9rem;
  text-align:right;
}

/* FAQ */
.lz-faq-container{max-width:750px}
.lz-faq-unit{border-bottom:1px solid #222}
.lz-faq-trigger{
  width:100%;background:none;border:none;
  text-align:left;
  padding:1.2rem 0;
  color:#e0e0e0;
  font-size:1rem;
  font-weight:600;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-family:inherit;
}
.lz-faq-trigger::after{
  content:'+';
  font-size:1.3rem;
  color:#00e5ff;
  flex-shrink:0;
  margin-left:1rem;
}
.lz-faq-trigger[aria-expanded="true"]::after{content:'-'}
.lz-faq-response{
  max-height:0;overflow:hidden;
  transition:max-height 0.4s ease;
}
.lz-faq-response p{
  padding:0 0 1.2rem;
  color:#777;
  font-size:0.9rem;
  line-height:1.8;
}

/* Outro */
.lz-outro{
  text-align:center;
  padding:5rem 1.5rem;
  background:linear-gradient(180deg,#0d0d0d,#0a1520);
}
.lz-outro-text{
  font-size:1.2rem;
  color:#aaa;
  line-height:2;
  margin-bottom:2rem;
}
.lz-outro-btn{
  display:inline-block;
  background:#00e5ff;
  color:#0d0d0d;
  padding:1rem 2.5rem;
  text-decoration:none;
  font-weight:800;
  font-size:1rem;
  transition:all 0.3s;
}
.lz-outro-btn:hover{
  box-shadow:0 0 40px rgba(0,229,255,0.5);
  transform:translateY(-2px);
}

/* Footer */
.lz-footer{
  text-align:center;
  padding:2rem 1.5rem 6rem;
  color:#444;
  font-size:0.8rem;
}

/* Fixed bottom */
.lz-fixed-bottom{
  position:fixed;bottom:0;left:0;right:0;
  z-index:999;
  padding:0.8rem 1rem;
  background:rgba(13,13,13,0.95);
  backdrop-filter:blur(10px);
  border-top:1px solid rgba(0,229,255,0.2);
}
.lz-fixed-btn{
  display:block;
  text-align:center;
  background:#00e5ff;
  color:#0d0d0d;
  padding:0.9rem;
  text-decoration:none;
  font-weight:700;
  font-size:1rem;
  max-width:500px;
  margin:0 auto;
}

@media(max-width:768px){
  .lz-split-container{grid-template-columns:1fr}
  .lz-split-left{border-right:none;border-bottom:1px solid rgba(0,229,255,0.15)}
  .lz-refract-grid{grid-template-columns:1fr}
  .lz-pulse-item{grid-template-columns:50px 70px 1fr;gap:0.5rem}
  .lz-block{padding:3rem 1rem}
  .lz-focus-row{flex-direction:column;gap:0.3rem}
  .lz-focus-val{text-align:left}
}