*{box-sizing:border-box}
:root{--purple:#7048ee;--purple2:#a14cff;--line:#e5e3eb;--text:#171722;--muted:#7b7b8c;--soft:#f5f1ff;--black:#08080b}
html{background:#fff;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:Arial,"Noto Sans KR",sans-serif;overflow-x:hidden}
a{color:inherit}
button{font-family:inherit}
.top-notice{height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#7043dc,#a14cff);color:#fff;font-size:13px;font-weight:700;letter-spacing:.2px}
.header{position:relative;z-index:1000;height:82px;background:#07070a;color:#fff;border-bottom:1px solid #22232b;display:flex;align-items:center;padding:0 34px;gap:28px}

.nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.nav a{color:#ddd;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.nav a:hover{color:#b38aff}
.header-actions{display:flex;align-items:center;gap:15px;white-space:nowrap}.header-actions>a{font-size:13px;text-decoration:none;color:#eee;font-weight:700}.kakao-btn{background:#ffe600;color:#111!important;padding:12px 16px;border-radius:14px;font-weight:900!important}
.mobile-menu-btn{display:none}.mobile-menu{display:none}
main{background:#fff}.section,.page-only{max-width:1100px;margin:0 auto;padding:88px 28px}.section-heading{text-align:center;margin-bottom:38px}.section-heading p,.eyebrow{margin:0 0 10px;color:#9470ff;font-weight:900;letter-spacing:4px;font-size:13px}.section-heading h2{font-size:42px;margin:0 0 12px;letter-spacing:-1.8px}.section-heading>p:last-child{color:var(--muted);letter-spacing:0;font-size:16px;font-weight:400}
.hero{min-height:560px;background:#0a0a0d;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(119,74,255,.25),transparent 55%)}.hero-content{position:relative;z-index:1;padding:80px 20px}.hero h1{font-size:54px;line-height:1.18;margin:15px 0}.hero h1 span{background:linear-gradient(90deg,#8f72ff,#c15cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{color:#bbb;font-size:18px}.hero-buttons{display:flex;justify-content:center;gap:12px;margin-top:28px}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;text-decoration:none;font-weight:900}.primary-btn{background:linear-gradient(90deg,#5d7cff,#a04cff);color:#fff}.ghost-btn{border:1px solid #6f687c;color:#fff}
.notice-card{max-width:900px;margin:0 auto;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;box-shadow:0 8px 30px rgba(40,25,90,.04)}.notice-card strong,.notice-card span{display:block}.notice-card span{color:var(--muted);font-size:13px;margin-top:7px}.notice-card .date{white-space:nowrap}
.preview-link{display:inline-block;margin-top:24px;color:#7048ee;text-decoration:none;font-weight:900}
.pricing-section{background:#fff;padding:86px 20px 110px}.pricing-hero{text-align:center;margin-bottom:34px}.pricing-hero h2{font-size:42px;margin:0 0 12px;letter-spacing:-1.8px}.pricing-hero>p:last-child{color:var(--muted);margin:0}.pricing-tabs{max-width:1050px;margin:0 auto 26px;padding:7px;border:1px solid #ddd9e8;border-radius:20px;background:#faf9fd;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pricing-tab{border:0;background:#fff;min-height:58px;border-radius:13px;font-weight:900;cursor:pointer;color:#333}.pricing-tab.active{background:linear-gradient(135deg,#4f83ff,#9a48e9);color:#fff;box-shadow:0 8px 18px rgba(102,74,225,.2)}.pricing-panel{max-width:1050px;margin:0 auto;background:#fff}.pricing-info{border:1px solid #b4a1ff;border-radius:20px;padding:28px 24px;text-align:center;background:linear-gradient(135deg,#4d82ff,#a14de9);color:#fff;margin-bottom:26px;box-shadow:0 10px 30px rgba(94,75,220,.16)}.info-kicker{display:block;letter-spacing:4px;font-size:12px;opacity:.85;margin-bottom:9px}.pricing-info strong{display:block;font-size:29px;margin-bottom:10px}.pricing-info span:last-child{display:block;font-size:15px;line-height:1.6}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rank-card{min-height:155px;border:2px solid #7b61ed;border-radius:20px;background:linear-gradient(145deg,#fff,#f4f0ff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;text-align:center}.rank-icon{font-size:42px;line-height:1;margin-bottom:12px}.rank-name{font-weight:900;font-size:16px}.rank-price{margin-top:8px;color:#6c54dc;font-size:18px;font-weight:900}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lesson-card{border:2px solid #8a6df0;border-radius:20px;padding:30px;text-decoration:none;text-align:center;background:linear-gradient(145deg,#fff,#f4f0ff)}.lesson-card h3{margin:7px 0;font-size:25px}.lesson-card strong{display:block;color:#6c54dc;font-size:20px;margin:10px}.lesson-link{font-size:12px;color:#777}
.page-card{max-width:1050px;margin:0 auto;border:1px solid #dfdce7;border-radius:22px;padding:10px;background:#fff;overflow:hidden}.faq-list{max-width:1050px;margin:0 auto;border:1px solid #dfdce7;border-radius:22px;padding:10px;background:#fff}.faq-item{border-bottom:1px solid #eceaf0}.faq-item:last-child{border-bottom:0}.question{width:100%;min-height:78px;padding:18px 24px;border:1px solid #8b6cff;border-radius:15px;background:linear-gradient(90deg,#eef2ff,#f3edff,#eee9ff);display:flex;align-items:center;gap:15px;text-align:left;cursor:pointer;font-size:17px;font-weight:900}.qmark{font-size:21px;background:linear-gradient(90deg,#4169ff,#9a4dff);-webkit-background-clip:text;background-clip:text;color:transparent}.qtext{flex:1}.toggle{font-size:30px;color:#7048ee;font-weight:400;transition:transform .25s}.question.is-open .toggle{transform:rotate(45deg)}.answer{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .35s ease;background:#faf9fd}.answer.open{grid-template-rows:1fr}.answer-inner{min-height:0;overflow:hidden;padding:0 28px;opacity:0;transition:padding .35s,opacity .25s}.answer.open .answer-inner{padding:22px 28px 24px;opacity:1}.answer p{margin:0;color:#555;line-height:1.75;white-space:pre-line}.amark{color:#7048ee}
.works-page,.reviews-page{background:#fff;padding:86px 20px 110px;min-height:calc(100vh - 118px)}.works-wrap,.reviews-wrap{max-width:1050px;margin:0 auto}.works-head,.reviews-head{text-align:center;margin-bottom:36px}.works-head h1,.reviews-head h1{font-size:42px;margin:0 0 12px;letter-spacing:-1.8px}.works-head p:last-child,.reviews-head p:last-child{color:var(--muted);margin:0}.work-status-list,.review-list{border:1px solid #dfdce7;border-radius:22px;padding:10px;background:#fff}.work-status-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:92px;padding:16px 20px;border-bottom:1px solid #eceaf0}.work-status-row:last-child{border-bottom:0}.work-left{display:flex;align-items:center;gap:15px;min-width:0}.work-user{font-size:16px;font-weight:900;white-space:nowrap}.work-detail{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;white-space:nowrap}.work-status::before{content:"";width:9px;height:9px;border-radius:50%;display:inline-block}.work-status.progress{color:#7048ee}.work-status.progress::before{background:linear-gradient(135deg,#4d91ff,#a74fe9);box-shadow:0 0 0 5px rgba(111,93,232,.1)}.work-status.done{color:#278b63}.work-status.done::before{background:#31a675;box-shadow:0 0 0 5px rgba(49,166,117,.1)}.works-note,.reviews-note{text-align:center;color:#92929e;font-size:11px;margin:25px 0 0}
.review-row{padding:25px 20px;border-bottom:1px solid #eceaf0}.review-row:last-child{border-bottom:0}.review-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.review-user{font-size:17px;font-weight:900}.stars{margin-left:8px;letter-spacing:2px;font-size:18px;background:linear-gradient(90deg,#4d91ff,#a74fe9);-webkit-background-clip:text;background-clip:text;color:transparent}.review-date{color:#92929e;font-size:12px;white-space:nowrap}.review-text{font-size:15px;line-height:1.8;color:#4e4e5c;margin:0}.review-service{display:inline-block;margin-top:13px;padding:7px 12px;border-radius:999px;background:#f2edff;color:#7042d0;font-weight:900;font-size:12px}
.dark-section{background:#0b0b0f;color:#fff}.dark-section .section-heading h2{color:#fff}.dark-section .section-heading>p:last-child{color:#aaa}
.cta-section{text-align:center;padding:90px 20px;background:linear-gradient(135deg,#4f80ff,#a14de9);color:#fff}.cta-section h2{font-size:34px;margin:0 0 10px}.cta-section p{opacity:.9}.floating-chat{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffe600;color:#111;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:900}.to-top{position:fixed;right:20px;bottom:86px;width:42px;height:42px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;display:none;z-index:900}
footer{background:#08080b;color:#aaa;text-align:center;padding:28px 20px;font-size:12px}footer strong{color:#fff;font-size:15px}
/* Auth modal compatibility: keeps existing auth.js modal within the phone viewport */
.auth-modal,.auth-overlay,[data-auth-modal]{max-width:calc(100vw - 24px)!important}.auth-modal .auth-box,.auth-modal .modal-content,[data-auth-modal] .auth-box{max-width:420px!important;width:calc(100vw - 28px)!important;max-height:calc(100vh - 28px)!important;overflow:auto!important}
@media(max-width:900px){.header{padding:0 20px}.nav{gap:16px}.header-actions{gap:8px}.rank-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
 body{width:100%;min-width:0}.top-notice{height:36px;font-size:12px}.header{height:68px;min-height:68px;padding:0 14px 0 12px;gap:0;position:sticky;top:0;overflow:visible}.nav{display:none!important}.header-actions{margin-left:auto;margin-right:54px}.header-actions>a:first-child,.header-actions .kakao-btn{display:none!important}.header-actions>a#openAuth{display:inline-flex!important;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}.mobile-menu-btn{display:flex;position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid #393943;border-radius:12px;background:#111116;color:#fff;align-items:center;justify-content:center;font-size:24px;line-height:1;z-index:100000;cursor:pointer;pointer-events:auto;touch-action:manipulation}.mobile-menu{position:absolute;left:0;right:0;top:68px;background:#09090c;border-top:1px solid #292a33;border-bottom:1px solid #2d2e38;box-shadow:0 16px 35px rgba(0,0,0,.35);z-index:99998;display:none;flex-direction:column;pointer-events:auto;touch-action:manipulation}.mobile-menu.active{display:flex}.mobile-menu>a{min-height:50px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #24252d;color:#fff;text-decoration:none;font-size:14px;font-weight:800;pointer-events:auto;touch-action:manipulation}.mobile-menu>a:last-child{border-bottom:0}.mobile-menu .mobile-kakao{background:#ffe600;color:#111;justify-content:center}.section,.page-only{padding:62px 16px 80px}.hero{min-height:520px}.hero h1{font-size:36px}.hero-copy{font-size:15px}.section-heading h2,.pricing-hero h2{font-size:31px}.section-heading>p:last-child{font-size:14px}.notice-card{padding:18px;align-items:flex-start;flex-direction:column}.notice-card .date{align-self:flex-end}.pricing-section{padding:62px 14px 80px}.pricing-tabs{grid-template-columns:repeat(2,1fr);border-radius:18px}.pricing-tab{min-height:50px}.pricing-tab:last-child{grid-column:1/-1}.pricing-info{padding:24px 16px}.pricing-info strong{font-size:25px}.rank-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rank-card{min-height:150px;border-radius:17px}.rank-icon{font-size:36px}.rank-price{font-size:16px}.lesson-grid{grid-template-columns:1fr}.page-card,.faq-list,.work-status-list,.review-list{border-radius:18px;padding:8px}.question{min-height:74px;padding:15px 14px;font-size:15px;border-radius:13px}.qmark{font-size:18px}.toggle{font-size:26px}.answer.open .answer-inner{padding:19px 16px 21px}.answer p{font-size:13px}.works-page,.reviews-page{padding:62px 14px 80px}.works-head h1,.reviews-head h1{font-size:31px}.work-status-row{min-height:82px;padding:14px 12px}.work-left{gap:9px}.work-user{font-size:14px}.work-detail{font-size:12px}.work-status{font-size:11px}.review-row{padding:21px 12px}.review-user{font-size:15px}.stars{font-size:16px}.review-date{font-size:10px}.review-text{font-size:13px}.floating-chat{right:15px;bottom:15px}.to-top{right:15px;bottom:77px}
}
@media(max-width:380px){.header-actions{margin-right:52px}.header-actions>a#openAuth{font-size:11px}.mobile-menu-btn{right:9px;width:42px;height:42px}.hero h1{font-size:32px}.rank-grid{grid-template-columns:1fr 1fr}.work-status-row{padding-left:8px;padding-right:8px}.work-detail{max-width:110px}}

/* 모든 페이지 공통 구분선 */
.page-divider{width:100%;height:0;border-top:1px dashed #d9d3e8;background:#fff}
.nav a.active{color:#b58cff!important;position:relative}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,#7b5cff,#b052ff)}
@media(max-width:600px){.page-divider{border-top:1px dashed #ded9e9}.nav a.active::after{display:none}}

/* 가격표 실제 VALORANT 랭크 PNG */
.rank-card .rank-icon{
  width:72px !important;
  height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 12px !important;
  overflow:visible !important;
}

.rank-card .rank-icon img{
  width:64px !important;
  height:64px !important;
  object-fit:contain !important;
  display:block !important;
  max-width:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

@media (max-width:600px){
  .rank-card .rank-icon{
    width:58px !important;
    height:58px !important;
    margin-bottom:8px !important;
  }

  .rank-card .rank-icon img{
    width:52px !important;
    height:52px !important;
  }
}
/* =========================================
   가격표 카드 표시 강제 수정
========================================= */

#pricing-grid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 100px !important;
}

#pricing-grid .rank-card {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  box-sizing: border-box !important;
  min-height: 190px !important;
}

#pricing-grid .rank-icon {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px !important;
  overflow: visible !important;
}

#pricing-grid .rank-icon img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 68px !important;
  height: 68px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

#pricing-grid .rank-name,
#pricing-grid .rank-price {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 600px) {

  #pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  #pricing-grid .rank-card {
    min-height: 165px !important;
  }

  #pricing-grid .rank-icon {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
  }

  #pricing-grid .rank-icon img {
    width: 52px !important;
    height: 52px !important;
  }

  #pricing-grid .lesson-grid {
    grid-template-columns: 1fr !important;
  }

}
/* =====================================================
   LOVE TEAM PRICE - 19차 스타일 복구
   ===================================================== */

.pricing-section {
  position: relative;
  overflow: hidden;
}


/* 가격표 카드 영역 */

.rank-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  margin-top: 28px;
  overflow: visible !important;
}


/* =====================================================
   랭크 카드
   ===================================================== */

.rank-card {
  position: relative;
  min-height: 205px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 24px 14px;

  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(17, 20, 38, 0.98),
      rgba(28, 22, 55, 0.98)
    );

  border: 1px solid transparent;

  background-image:
    linear-gradient(
      rgba(18, 20, 39, 0.98),
      rgba(18, 20, 39, 0.98)
    ),
    linear-gradient(
      135deg,
      #4d91ff,
      #7655ff,
      #a74fe9,
      #d85cff
    );

  background-origin: border-box;
  background-clip: padding-box, border-box;

  box-shadow:
    0 12px 30px rgba(43, 31, 91, 0.18),
    0 0 0 rgba(93, 84, 255, 0);

  transform:
    translateY(0)
    scale(1);

  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    box-shadow .32s ease,
    border-radius .32s ease;

  overflow: visible;

  z-index: 1;
}


/* 카드 뒤쪽 빛 */

.rank-card::before {

  content: "";

  position: absolute;

  inset: -2px;

  border-radius: 24px;

  background:
    linear-gradient(
      135deg,
      rgba(77,145,255,.65),
      rgba(118,85,255,.55),
      rgba(167,79,233,.65)
    );

  filter: blur(18px);

  opacity: .18;

  z-index: -2;

  transition:
    opacity .32s ease,
    filter .32s ease;

}


/* 카드 내부 빛 */

.rank-card-glow {

  position: absolute;

  top: -35px;
  left: 50%;

  width: 110px;
  height: 110px;

  transform: translateX(-50%);

  background:
    radial-gradient(
      circle,
      rgba(105,130,255,.24),
      transparent 68%
    );

  filter: blur(10px);

  pointer-events: none;

}


/* =====================================================
   마우스를 올렸을 때 "붕 뜨는" 효과
   ===================================================== */

.rank-card:hover {

  transform:
    translateY(-14px)
    scale(1.025);

  border-radius: 24px;

  box-shadow:
    0 24px 50px rgba(59, 42, 145, 0.32),
    0 0 28px rgba(113, 87, 255, 0.28),
    0 0 65px rgba(167, 79, 233, 0.15);

  z-index: 10;

}


.rank-card:hover::before {

  opacity: .55;

  filter: blur(22px);

}


/* =====================================================
   랭크 이미지
   ===================================================== */

.rank-icon {

  position: relative;

  width: 92px;
  height: 92px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 12px;

  z-index: 2;
}


.rank-icon img {

  display: block;

  width: 78px;
  height: 78px;

  object-fit: contain;

  filter:
    drop-shadow(0 7px 10px rgba(0,0,0,.40));

  transition:
    transform .32s ease,
    filter .32s ease;

}


.rank-card:hover .rank-icon img {

  transform:
    translateY(-5px)
    scale(1.08);

  filter:
    drop-shadow(0 12px 18px rgba(93,84,255,.45));

}


/* =====================================================
   랭크 이름
   ===================================================== */

.rank-name {

  position: relative;

  font-size: 15px;

  font-weight: 900;

  color: #ffffff;

  text-align: center;

  z-index: 2;

}


/* =====================================================
   가격
   ===================================================== */

.rank-price {

  position: relative;

  margin-top: 8px;

  font-size: 16px;

  font-weight: 900;

  background:
    linear-gradient(
      90deg,
      #82aaff,
      #b78cff,
      #e18aff
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;

  z-index: 2;

}


/* =====================================================
   1:1 강의
   ===================================================== */

.lesson-grid {

  grid-column: 1 / -1;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 24px;

  width: 100%;

  overflow: visible;

}


.lesson-card {

  position: relative;

  min-height: 330px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-decoration: none;

  text-align: center;

  padding: 38px 24px 30px;

  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(16,18,35,.99),
      rgba(30,23,59,.99)
    );

  border: 1px solid transparent;

  background-image:
    linear-gradient(
      rgba(17,19,37,.99),
      rgba(17,19,37,.99)
    ),
    linear-gradient(
      135deg,
      #4d91ff,
      #7655ff,
      #a74fe9,
      #df64ff
    );

  background-origin: border-box;

  background-clip:
    padding-box,
    border-box;

  box-shadow:
    0 14px 35px rgba(45,32,100,.22);

  transform:
    translateY(0);

  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s ease;

  overflow: visible;

  z-index: 1;

}


.lesson-card:hover {

  transform:
    translateY(-14px)
    scale(1.02);

  box-shadow:
    0 28px 60px rgba(62,43,151,.38),
    0 0 35px rgba(123,88,255,.30);

  z-index: 10;

}


/* =====================================================
   1:1 카드 위 레디언트 문양
   ===================================================== */

.lesson-radiant {

  position: absolute;

  top: -48px;

  left: 50%;

  width: 96px;
  height: 96px;

  transform:
    translateX(-50%);

  display: flex;

  align-items: center;
  justify-content: center;

  z-index: 5;

}


.lesson-radiant::before {

  content: "";

  position: absolute;

  inset: 8px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(151,113,255,.35),
      transparent 68%
    );

  filter: blur(8px);

}


.lesson-radiant img {

  position: relative;

  width: 76px;
  height: 76px;

  object-fit: contain;

  filter:
    drop-shadow(0 8px 15px rgba(121,91,255,.55));

  transition:
    transform .35s ease,
    filter .35s ease;

}


.lesson-card:hover .lesson-radiant img {

  transform:
    scale(1.12)
    rotate(3deg);

  filter:
    drop-shadow(0 12px 24px rgba(151,112,255,.75));

}


/* 1:1 문구 */

.lesson-kicker {

  font-size: 11px;

  font-weight: 900;

  letter-spacing: 2px;

  color: #9d91ff;

  margin-bottom: 12px;

}


.lesson-card h3 {

  margin: 0;

  color: #ffffff;

  font-size: 24px;

  font-weight: 900;

}


.lesson-card strong {

  display: block;

  margin-top: 14px;

  font-size: 27px;

  font-weight: 950;

  background:
    linear-gradient(
      90deg,
      #72a4ff,
      #a779ff,
      #df78ff
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;

}


.lesson-link {

  margin-top: 18px;

  font-size: 12px;

  color: #aaa7bd;

  transition:
    color .25s ease;

}


.lesson-card:hover .lesson-link {

  color: #ffffff;

}


/* =====================================================
   모바일
   ===================================================== */

@media (max-width: 900px) {

  .rank-grid {

    grid-template-columns:
      repeat(3, minmax(0, 1fr));

  }

}


@media (max-width: 600px) {

  .rank-grid {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 14px;

    margin-top: 22px;

  }


  .rank-card {

    min-height: 180px;

    padding: 20px 10px;

    border-radius: 18px;

  }


  .rank-card:hover {

    transform:
      translateY(-7px)
      scale(1.015);

  }


  .rank-icon {

    width: 72px;
    height: 72px;

    margin-bottom: 8px;

  }


  .rank-icon img {

    width: 62px;
    height: 62px;

  }


  .rank-name {

    font-size: 13px;

  }


  .rank-price {

    font-size: 14px;

    margin-top: 6px;

  }


  .lesson-grid {

    grid-template-columns: 1fr;

    gap: 46px;

    padding-top: 28px;

  }


  .lesson-card {

    min-height: 290px;

  }


  .lesson-radiant {

    top: -42px;

  }

}

/* =====================================================
   서브페이지 공통 네비게이션 UI 개선
   메인 히어로는 건드리지 않고 현재 메뉴만 강조
===================================================== */
.nav a{
  position:relative;
  padding:10px 13px;
  border-radius:10px;
  color:#cfcdda;
  transition:color .22s ease,background .22s ease,transform .22s ease;
}
.nav a:hover{
  color:#fff;
  background:rgba(112,72,238,.12);
  transform:translateY(-1px);
}
.nav a.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(112,72,238,.25),rgba(161,76,255,.16));
  box-shadow:inset 0 0 0 1px rgba(153,125,255,.22),0 6px 18px rgba(70,45,150,.18);
}
.nav a.active::after{
  left:14px;
  right:14px;
  bottom:4px;
  height:2px;
  background:linear-gradient(90deg,#765cff,#c052ff);
  box-shadow:0 0 9px rgba(160,82,255,.55);
}
@media(max-width:600px){
  .mobile-menu>a{
    position:relative;
    transition:background .2s ease,color .2s ease,padding-left .2s ease;
  }
  .mobile-menu>a:not(.mobile-kakao):hover{
    background:rgba(112,72,238,.12);
  }
  .mobile-menu>a.mobile-current{
    color:#fff;
    background:linear-gradient(90deg,rgba(112,72,238,.24),rgba(161,76,255,.08));
    box-shadow:inset 3px 0 0 #8b68ff;
    padding-left:24px;
  }
  .mobile-menu>a.mobile-current::after{
    content:"현재 페이지";
    margin-left:auto;
    padding:4px 7px;
    border:1px solid rgba(166,137,255,.25);
    border-radius:999px;
    color:#bca8ff;
    background:rgba(112,72,238,.12);
    font-size:9px;
    font-weight:900;
  }
  .mobile-menu>a#loveMobileAdminLink.mobile-current{
    color:#fff;
  }
}


/* =====================================================
   메인 홈 - 히어로와 헤더 자연스럽게 연결
===================================================== */
.home-page .top-notice{
  position:relative;
  z-index:1101;
}
.home-page .header{
  position:absolute;
  top:36px;
  left:0;
  right:0;
  width:100%;
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background .35s ease, border-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease, top .25s ease;
}
.home-page .header.home-scrolled{
  position:fixed;
}
.home-page .header.home-scrolled{
  position:fixed;
  top:0;
  background:rgba(7,7,10,.96);
  border-bottom-color:#22232b;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.home-page .page-divider{display:none}
.home-page main{position:relative}
.home-page .lt-hero{
  min-height:calc(100svh - 36px);
  height:calc(100svh - 36px);
  max-height:none;
  padding-top:0;
}
.home-page .lt-hero-content{
  padding-top:150px;
  padding-bottom:90px;
}
.work-detail-actions{margin-top:14px;gap:8px}.work-detail-consult{width:100%;padding:12px 16px;font-size:12px}.work-detail-back{margin-top:0}
@media(max-width:760px){
  .home-page .header{
    position:absolute;
    top:36px;
    background:transparent;
    border-bottom-color:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .home-page .header.home-scrolled{
    position:fixed;
    top:0;
    background:rgba(7,7,10,.97);
    border-bottom-color:#22232b;
    box-shadow:0 8px 24px rgba(0,0,0,.22);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .home-page .mobile-menu{
    top:68px;
  }
  .home-page .lt-hero{
    min-height:calc(100svh - 36px);
    height:calc(100svh - 36px);
    max-height:none;
    aspect-ratio:auto;
  }
  .home-page .lt-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 38%;
    transform:none;
  }
  .home-page .lt-hero-content{
    padding-top:118px;
    padding-bottom:70px;
  }
}


/* 모바일 메인 히어로 최종 구도 - 축소 + 우단 2:8 */
@media (max-width:760px){
  .home-page .lt-hero-bg img{
    width:112%!important;
    height:112%!important;
    max-width:none!important;
    max-height:none!important;
    left:-2%!important;
    top:-4%!important;
    object-fit:cover!important;
    object-position:80% 32%!important;
  }
}
@media (max-width:760px) and (max-aspect-ratio:1/2){
  .home-page .lt-hero-bg img{
    object-position:80% 29%!important;
  }
}
@media (min-width:390px) and (max-width:760px) and (min-aspect-ratio:1/2){
  .home-page .lt-hero-bg img{
    object-position:80% 34%!important;
  }
}
@media (max-width:380px){
  .home-page .lt-hero-bg img{
    width:110%!important;
    height:110%!important;
    left:-1%!important;
    top:-3%!important;
    object-position:80% 30%!important;
  }
}
/* =====================================================
   LOVE TEAM - GENERATED ESPORTS LOGO IMAGE
===================================================== */
.logo{
  display:flex!important;
  align-items:center!important;
  width:164px!important;
  min-width:164px!important;
  height:62px!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.logo-image{
  display:block!important;
  width:158px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 7px rgba(89,112,255,.38))!important;
}
@media(max-width:600px){
  .logo{
    width:128px!important;
    min-width:128px!important;
    height:48px!important;
  }
  .logo-image{
    width:124px!important;
    height:46px!important;
  }
}


/* =====================================================
   HOME - GENERATED MOCKUP UI
===================================================== */
.home-page .lt-hero{
  isolation:isolate;
}
.home-page .lt-hero-bg{
  background:#090711;
}
.home-page .lt-hero-bg img{
  transform:scale(1.015);
}
.home-page .lt-hero-overlay{
  background:
    linear-gradient(90deg,rgba(4,3,13,.86) 0%,rgba(7,4,18,.60) 38%,rgba(8,4,20,.16) 68%,rgba(7,4,18,.46) 100%),
    linear-gradient(180deg,rgba(4,3,12,.22) 0%,rgba(8,4,18,.08) 48%,rgba(6,3,16,.76) 100%);
}
.home-page .lt-hero-content{
  padding-top:130px;
  padding-bottom:245px;
}
.home-page .lt-hero h1{
  max-width:760px;
  font-weight:900;
  letter-spacing:-3.8px;
}
.home-page .lt-hero h1 span{
  background:linear-gradient(90deg,#8e7dff,#b45cff,#ed75ff);
  -webkit-background-clip:text;
  background-clip:text;
}
.home-page .lt-hero-btn{
  min-height:54px;
  padding:0 25px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;
  background:linear-gradient(135deg,#5d7cff,#9e50ee);
  box-shadow:0 12px 34px rgba(50,30,140,.38);
}
.home-hero-panel{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  width:min(1220px,calc(100% - 56px));
  display:grid;
  grid-template-columns:1.05fr 1.7fr .9fr;
  gap:0;
  min-height:138px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(10,8,22,.56);
  box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  overflow:hidden;
}
.home-hero-panel>div{
  padding:22px 24px;
}
.home-hero-panel>div+div{
  border-left:1px solid rgba(255,255,255,.10);
}
.home-hero-label{
  margin:0 0 9px;
  color:#b89aff;
  font-size:10px;
  font-weight:900;
  letter-spacing:4px;
}
.home-hero-event h2{
  margin:0 0 8px;
  color:#fff;
  font-size:17px;
  letter-spacing:-.5px;
}
.home-hero-event>strong{
  display:block;
  color:#fff;
  font-size:15px;
}
.home-hero-event>strong span{
  color:#ce8cff;
}
.home-hero-benefits{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px 20px;
  align-content:center;
}
.home-hero-benefits article{
  min-width:0;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  column-gap:8px;
  align-items:center;
}
.home-hero-benefits b{
  grid-row:1 / span 2;
  color:#8ea5ff;
  font-size:9px;
  letter-spacing:1px;
}
.home-hero-benefits strong{
  color:#fff;
  font-size:12px;
}
.home-hero-benefits span{
  color:rgba(255,255,255,.55);
  font-size:10px;
  margin-top:3px;
}
.home-hero-reviews strong{
  display:block;
  color:#fff;
  font-size:12px;
  line-height:1.6;
}
.home-hero-reviews a{
  display:inline-block;
  margin-top:13px;
  color:#bda5ff;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:900px){
  .home-hero-panel{
    width:calc(100% - 34px);
    grid-template-columns:1fr 1fr;
    bottom:18px;
  }
  .home-hero-panel>div:nth-child(2){
    border-left:1px solid rgba(255,255,255,.10);
  }
  .home-hero-panel>div:nth-child(3){
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.10);
  }
}
@media(max-width:760px){
  .home-page .lt-hero{
    min-height:calc(100svh - 36px);
    height:auto;
    max-height:none;
    padding-bottom:390px;
  }
  .home-page .lt-hero-content{
    min-height:560px;
    padding:112px 20px 40px;
    justify-content:flex-start;
  }
  .home-page .lt-hero h1{
    font-size:clamp(35px,10vw,44px);
    letter-spacing:-2.5px;
  }
  .home-hero-panel{
    left:17px;
    right:17px;
    bottom:16px;
    transform:none;
    width:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:0;
    border-radius:16px;
  }
  .home-hero-panel>div{
    padding:17px 15px;
  }
  .home-hero-event{
    grid-column:1/-1;
  }
  .home-hero-panel>div:nth-child(2){
    border-left:0;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .home-hero-panel>div:nth-child(3){
    border-left:1px solid rgba(255,255,255,.10);
    border-top:1px solid rgba(255,255,255,.10);
    grid-column:auto;
  }
  .home-hero-benefits{
    grid-template-columns:1fr;
    gap:10px;
  }
  .home-hero-benefits article:nth-child(n+3){
    display:none;
  }
  .home-hero-event h2{font-size:15px}
  .home-hero-event>strong{font-size:13px}
  .home-hero-reviews strong{font-size:11px}
  .home-hero-reviews a{margin-top:9px}
}


/* =====================================================
   LOVE TEAM HOME - MOCKUP MATCH PASS
   1920x1080 hero / desktop + mobile responsive
===================================================== */
.home-page .top-notice{
  display:none;
}

.home-page .header{
  top:0;
}

.home-page .header.home-scrolled{
  top:0;
}

.home-page .lt-hero{
  min-height:100svh;
  height:100svh;
  max-height:none;
}

.home-page .lt-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:none;
}

.home-page .lt-hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,3,12,.82) 0%,rgba(7,4,19,.56) 34%,rgba(8,4,22,.18) 66%,rgba(6,3,16,.48) 100%),
    linear-gradient(180deg,rgba(3,2,10,.18) 0%,rgba(5,3,14,.05) 42%,rgba(5,2,15,.80) 100%);
}

.home-page .lt-hero-content{
  width:min(1280px,100%);
  padding:118px 46px 250px;
}

.home-page .lt-hero-kicker{
  color:#bca9ff;
  letter-spacing:6px;
}

.home-page .lt-hero h1{
  font-size:clamp(48px,5vw,72px);
  line-height:1.12;
  letter-spacing:-3.8px;
  text-shadow:0 10px 34px rgba(0,0,0,.48);
}

.home-page .lt-hero-content>p:not(.lt-hero-kicker){
  max-width:600px;
  color:rgba(255,255,255,.86);
  font-size:16px;
}

.home-page .lt-hero-btn{
  min-height:56px;
  padding:0 28px;
  border-radius:12px;
  background:linear-gradient(135deg,#527dff 0%,#765cff 48%,#b14ff0 100%);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 14px 38px rgba(45,24,135,.42),0 0 24px rgba(103,79,255,.16);
}

.home-page .lt-hero-btn:hover{
  box-shadow:0 20px 48px rgba(45,24,135,.52),0 0 30px rgba(103,79,255,.22);
}

.home-page .home-hero-panel{
  left:50%;
  bottom:30px;
  width:min(1240px,calc(100% - 64px));
  min-height:146px;
  grid-template-columns:1.02fr 2.15fr .92fr;
  border:1px solid rgba(171,151,255,.28);
  border-radius:20px;
  background:linear-gradient(115deg,rgba(9,8,24,.78),rgba(18,10,34,.60));
  box-shadow:
    0 22px 65px rgba(0,0,0,.48),
    0 0 36px rgba(91,65,206,.10),
    inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(22px) saturate(120%);
  -webkit-backdrop-filter:blur(22px) saturate(120%);
}

.home-page .home-hero-panel>div{
  padding:24px 28px;
}

.home-page .home-hero-panel>div+div{
  border-left:1px solid rgba(203,190,255,.15);
}

.home-page .home-hero-label{
  margin-bottom:10px;
  color:#9e9dff;
  font-size:10px;
  letter-spacing:4px;
}

.home-page .home-hero-event h2{
  font-size:19px;
  letter-spacing:-.6px;
  margin-bottom:10px;
}

.home-page .home-hero-event>strong{
  font-size:14px;
}

.home-page .home-hero-event>strong span{
  color:#c886ff;
}

.home-page .home-hero-benefits{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  align-content:stretch;
}

.home-page .home-hero-benefits article{
  padding:4px 18px;
  grid-template-columns:30px minmax(0,1fr);
  align-content:center;
}

.home-page .home-hero-benefits article+article{
  border-left:1px solid rgba(255,255,255,.08);
}

.home-page .home-hero-benefits b{
  color:#849eff;
  font-size:10px;
}

.home-page .home-hero-benefits strong{
  font-size:12px;
  line-height:1.45;
}

.home-page .home-hero-benefits span{
  color:rgba(255,255,255,.55);
  font-size:10px;
  line-height:1.45;
}

.home-page .home-hero-reviews strong{
  font-size:12px;
  line-height:1.7;
}

.home-page .home-hero-reviews a{
  margin-top:13px;
  color:#b9a7ff;
}

@media (max-width:900px){
  .home-page .lt-hero-content{
    padding-left:30px;
    padding-right:30px;
  }

  .home-page .home-hero-panel{
    width:calc(100% - 34px);
    grid-template-columns:1fr 1fr;
    bottom:18px;
  }

  .home-page .home-hero-benefits{
    grid-template-columns:1fr 1fr;
  }

  .home-page .home-hero-benefits article:nth-child(3),
  .home-page .home-hero-benefits article:nth-child(4){
    display:grid;
  }

  .home-page .home-hero-benefits article:nth-child(3){
    border-left:0;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .home-page .home-hero-benefits article:nth-child(4){
    border-top:1px solid rgba(255,255,255,.08);
  }

  .home-page .home-hero-panel>div:nth-child(3){
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.10);
  }
}

@media (max-width:760px){
  .home-page .header{
    top:0;
  }

  .home-page .header.home-scrolled{
    top:0;
  }

  .home-page .mobile-menu{
    top:68px;
  }

  .home-page .lt-hero{
    min-height:100svh;
    height:auto;
    padding-bottom:405px;
  }

  .home-page .lt-hero-bg img{
    width:112%!important;
    height:112%!important;
    left:-2%!important;
    top:-4%!important;
    object-fit:cover!important;
    object-position:80% 32%!important;
    transform:none!important;
  }

  .home-page .lt-hero-content{
    min-height:560px;
    padding:112px 20px 40px;
    justify-content:flex-start;
  }

  .home-page .lt-hero h1{
    font-size:clamp(35px,10vw,44px);
    letter-spacing:-2.5px;
  }

  .home-page .lt-hero-content>p:not(.lt-hero-kicker){
    max-width:340px;
    font-size:13px;
  }

  .home-page .home-hero-panel{
    left:17px;
    right:17px;
    bottom:16px;
    width:auto;
    grid-template-columns:1fr;
    border-radius:16px;
  }

  .home-page .home-hero-panel>div{
    padding:18px 16px;
  }

  .home-page .home-hero-panel>div+div{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.10);
  }

  .home-page .home-hero-event{
    grid-column:auto;
  }

  .home-page .home-hero-benefits{
    grid-template-columns:1fr 1fr;
    gap:0;
  }

  .home-page .home-hero-benefits article{
    padding:10px 7px;
  }

  .home-page .home-hero-benefits article:nth-child(3){
    border-left:0;
  }

  .home-page .home-hero-benefits article:nth-child(4){
    border-left:1px solid rgba(255,255,255,.08);
  }

  .home-page .home-hero-reviews{
    grid-column:auto;
  }

  .home-page .home-hero-event h2{
    font-size:15px;
  }

  .home-page .home-hero-event>strong{
    font-size:13px;
  }

  .home-page .home-hero-benefits strong{
    font-size:11px;
  }

  .home-page .home-hero-benefits span{
    font-size:9px;
  }

  .home-page .home-hero-reviews strong{
    font-size:11px;
  }
}


/* =====================================================
   LOVE TEAM HOME - REFERENCE 2 MATCH
   ===================================================== */
.home-page{
  font-family:"Noto Sans KR","Pretendard",Arial,sans-serif;
  background:#05030d;
}
.home-page .top-notice{display:none!important}
.home-page .header{
  top:0;
  height:84px;
  padding:0 48px;
  gap:30px;
  background:rgba(3,3,12,.18);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 35px rgba(0,0,0,.16);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.home-page .header.home-scrolled{
  top:0;
  background:rgba(4,3,12,.92);
  border-bottom-color:rgba(146,119,255,.20);
  box-shadow:0 10px 35px rgba(0,0,0,.35);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.home-page .logo{
  width:132px!important;
  min-width:132px!important;
  height:62px!important;
}
.home-page .logo-image{
  width:118px!important;
  height:56px!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 10px rgba(69,103,255,.62)) drop-shadow(0 0 15px rgba(147,70,255,.32))!important;
}
.home-page .nav{
  gap:10px;
}
.home-page .nav a{
  padding:12px 14px;
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:800;
  border-radius:8px;
  background:transparent;
}
.home-page .nav a:hover,
.home-page .nav a.active{
  color:#fff!important;
  background:rgba(104,72,255,.10);
  transform:none;
}
.home-page .nav a.active::after{
  left:50%;
  right:auto;
  bottom:0;
  width:24px;
  height:2px;
  transform:translateX(-50%);
  border-radius:99px;
  background:linear-gradient(90deg,#6b4fff,#b44fff);
  box-shadow:0 0 12px rgba(111,73,255,.9);
}
.home-page .header-actions{
  gap:10px;
}
.home-page .header-actions>a.header-login,
.home-page .header-actions>a.header-signup{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:11px;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
}
.home-page .header-login{
  color:#fff!important;
  background:rgba(4,4,12,.78);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.home-page .header-signup{
  color:#fff!important;
  background:linear-gradient(135deg,#5c55ff,#8b45f4);
  border:1px solid rgba(143,137,255,.65);
  box-shadow:0 5px 20px rgba(73,62,255,.32),0 0 15px rgba(77,117,255,.18);
}
.home-page .header-login:hover,
.home-page .header-signup:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
.home-page .mobile-menu-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  min-width:42px;
  height:42px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.home-page .lt-hero{
  min-height:100svh;
  height:100svh;
  max-height:none;
  background:#05030d;
}
.home-page .lt-hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:none!important;
  filter:saturate(1.05) contrast(1.02);
}
.home-page .lt-hero-overlay{
  background:
    linear-gradient(90deg,rgba(2,2,10,.82) 0%,rgba(5,3,17,.57) 33%,rgba(8,4,22,.16) 64%,rgba(5,2,15,.24) 100%),
    linear-gradient(180deg,rgba(1,1,7,.10) 0%,rgba(5,2,13,.04) 45%,rgba(3,1,12,.84) 100%);
}
.home-page .lt-hero-brand{
  position:absolute;
  z-index:1;
  left:52%;
  top:53%;
  width:min(390px,30vw);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.home-page .lt-hero-brand img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.62)) drop-shadow(0 0 26px rgba(81,72,255,.42));
}
.home-page .lt-hero-content{
  width:min(1280px,100%);
  padding:166px 42px 265px;
  margin:0 auto;
  z-index:2;
}
.home-page .lt-hero-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-bottom:17px;
  padding:0 15px;
  border:1px solid rgba(104,93,255,.62);
  border-radius:999px;
  background:rgba(28,18,77,.55);
  color:#e6e0ff;
  font-size:11px;
  font-weight:800;
  box-shadow:0 0 20px rgba(74,56,255,.18),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.home-page .lt-hero-kicker{display:none}
.home-page .lt-hero h1{
  max-width:590px;
  margin:0;
  font-size:clamp(48px,5.1vw,70px);
  line-height:1.08;
  font-weight:950;
  letter-spacing:-4px;
  text-shadow:0 7px 24px rgba(0,0,0,.62);
}
.home-page .lt-hero h1 span{
  display:inline-block;
  background:linear-gradient(90deg,#7759ff 0%,#a744ff 48%,#d35cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}
.home-page .lt-hero-content>p:not(.lt-hero-kicker){
  max-width:500px;
  margin:20px 0 27px;
  color:rgba(255,255,255,.88);
  font-size:15px;
  font-weight:600;
  line-height:1.8;
  text-shadow:0 3px 14px rgba(0,0,0,.48);
}
.home-page .lt-hero-btn{
  min-height:54px;
  padding:0 28px;
  border-radius:999px;
  background:linear-gradient(100deg,#4f67ff,#744eff 55%,#a34cf1);
  border:1px solid rgba(160,147,255,.55);
  font-size:13px;
  box-shadow:0 12px 34px rgba(55,36,177,.42),0 0 24px rgba(73,78,255,.22);
}
.home-page .home-hero-panel{
  left:50%;
  bottom:29px;
  width:min(1410px,calc(100% - 80px));
  min-height:184px;
  grid-template-columns:1.03fr 1.75fr 1.42fr;
  border:1px solid rgba(91,71,255,.45);
  border-radius:21px;
  background:linear-gradient(105deg,rgba(4,3,16,.86),rgba(12,7,32,.72));
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 40px rgba(77,54,202,.13),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-backdrop-filter:blur(20px) saturate(130%);
}
.home-page .home-hero-panel>div{
  padding:25px 28px;
}
.home-page .home-hero-panel>div+div{
  border-left:1px solid rgba(133,111,255,.20);
}
.home-page .home-hero-label{
  margin:0 0 12px;
  color:#8e79ff;
  font-size:11px;
  letter-spacing:2px;
  font-weight:900;
}
.home-page .home-hero-event h2{
  margin:0 0 9px;
  color:#fff;
  font-size:19px;
  line-height:1.35;
  letter-spacing:-.7px;
}
.home-page .home-hero-event>strong{
  color:#fff;
  font-size:18px;
  line-height:1.35;
}
.home-page .home-hero-event>strong span{
  color:#d06bff;
}
.home-page .home-hero-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  align-content:stretch;
}
.home-page .home-hero-benefits article{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  align-content:center;
  min-width:0;
  padding:0 14px;
  text-align:center;
}
.home-page .home-hero-benefits article+article{
  border-left:1px solid rgba(133,111,255,.18);
}
.home-page .hero-benefit-icon{
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border:1px solid rgba(123,89,255,.70);
  border-radius:14px;
  color:#a17bff;
  background:linear-gradient(145deg,rgba(53,37,119,.46),rgba(22,11,52,.42));
  box-shadow:0 0 18px rgba(100,69,255,.18),inset 0 1px 0 rgba(255,255,255,.07);
}
.home-page .hero-benefit-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home-page .home-hero-benefits b{
  display:none;
}
.home-page .home-hero-benefits strong{
  color:#fff;
  font-size:12px;
  line-height:1.5;
  white-space:nowrap;
}
.home-page .home-hero-benefits span:not(.hero-benefit-icon){
  margin-top:5px;
  color:rgba(255,255,255,.48);
  font-size:9px;
  line-height:1.45;
}
.home-page .home-hero-reviews{
  min-width:0;
}
.home-page .home-hero-review-head{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:18px;
  align-items:center;
}
.home-page .home-hero-review-head>div:first-child strong{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.5;
}
.home-page .home-hero-review-head>div:first-child a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:15px;
  padding:8px 12px;
  border:1px solid rgba(121,90,255,.62);
  border-radius:999px;
  color:#c5b5ff;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
  background:rgba(56,39,125,.18);
}
.home-page .home-hero-review-list{
  display:grid;
  gap:8px;
}
.home-page .home-hero-review-list article{
  position:relative;
  padding:10px 12px;
  border:1px solid rgba(115,92,220,.18);
  border-radius:11px;
  background:rgba(24,15,51,.64);
}
.home-page .home-hero-review-list p{
  margin:0 0 5px;
  color:#fff;
  font-size:10px;
  font-weight:700;
}
.home-page .home-hero-review-list small{
  color:rgba(255,255,255,.40);
  font-size:8px;
}
.home-page .home-hero-review-list b{
  float:right;
  color:#7392ff;
  font-size:9px;
  letter-spacing:1px;
}
.home-page footer{
  background:#04030a;
  color:#777;
}
@media(max-width:900px){
  .home-page .header{
    padding:0 22px;
  }
  .home-page .nav{gap:3px}
  .home-page .nav a{padding:10px 8px;font-size:11px}
  .home-page .lt-hero-brand{width:290px;left:57%;top:48%}
  .home-page .home-hero-panel{
    width:calc(100% - 34px);
    grid-template-columns:1fr 1fr;
    min-height:0;
  }
  .home-page .home-hero-benefits{
    grid-template-columns:1fr 1fr;
  }
  .home-page .home-hero-review-head{
    grid-template-columns:1fr;
  }
  .home-page .home-hero-panel>div:nth-child(3){
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid rgba(133,111,255,.20);
  }
}
@media(max-width:760px){
  .home-page .header{
    height:66px;
    padding:0 14px;
    background:rgba(3,3,12,.24);
  }
  .home-page .header.home-scrolled{background:rgba(4,3,12,.95)}
  .home-page .logo{width:108px!important;min-width:108px!important;height:52px!important}
  .home-page .logo-image{width:100px!important;height:48px!important}
  .home-page .nav{display:none}
  .home-page .header-actions{
    margin-left:auto;
    gap:7px;
  }
  .home-page .header-actions>a.header-login,
  .home-page .header-actions>a.header-signup{
    min-height:34px;
    padding:0 10px;
    font-size:10px;
  }
  .home-page .mobile-menu-btn{
    width:38px;
    min-width:38px;
    height:38px;
    font-size:23px;
  }
  .home-page .mobile-menu{
    top:66px;
    background:rgba(7,5,17,.97);
    border-color:rgba(111,86,224,.25);
  }
  .home-page .lt-hero{
    min-height:100svh;
    height:auto;
    padding-bottom:520px;
  }
  .home-page .lt-hero-bg img{
    width:112%!important;
    height:112%!important;
    left:-2%!important;
    top:-4%!important;
    object-position:80% 32%!important;
  }
  .home-page .lt-hero-brand{
    width:245px;
    left:59%;
    top:41%;
  }
  .home-page .lt-hero-content{
    min-height:560px;
    padding:105px 20px 40px;
    justify-content:flex-start;
    text-align:left;
    align-items:flex-start;
  }
  .home-page .lt-hero-badge{
    margin-bottom:14px;
    font-size:9px;
  }
  .home-page .lt-hero h1{
    max-width:330px;
    font-size:clamp(34px,9.8vw,44px);
    letter-spacing:-2.5px;
  }
  .home-page .lt-hero-content>p:not(.lt-hero-kicker){
    max-width:320px;
    font-size:12px;
    line-height:1.7;
  }
  .home-page .lt-hero-btn{
    min-height:48px;
    padding:0 22px;
    font-size:12px;
  }
  .home-page .home-hero-panel{
    left:17px;
    right:17px;
    bottom:15px;
    width:auto;
    grid-template-columns:1fr;
    border-radius:16px;
  }
  .home-page .home-hero-panel>div{
    padding:16px 15px;
  }
  .home-page .home-hero-benefits{
    grid-template-columns:1fr 1fr;
  }
  .home-page .home-hero-benefits article{
    padding:8px 4px;
  }
  .home-page .home-hero-benefits strong{
    font-size:10px;
  }
  .home-page .home-hero-benefits span:not(.hero-benefit-icon){
    font-size:8px;
  }
  .home-page .hero-benefit-icon{
    width:40px;height:40px;border-radius:12px;margin-bottom:8px;
  }
  .home-page .hero-benefit-icon svg{width:20px;height:20px}
  .home-page .home-hero-review-head{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   HOME FINAL OVERRIDE — REFERENCE SCREENSHOT
   반드시 파일의 마지막에 위치
========================================================= */
.home-page{
  background:#03030a!important;
  color:#fff;
  font-family:"Noto Sans KR","Pretendard","Apple SD Gothic Neo",Arial,sans-serif!important;
}
.home-page .top-notice,
.home-page .page-divider{
  display:none!important;
}

/* HEADER */
.home-page .header{
  position:absolute!important;
  z-index:50!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:82px!important;
  padding:0 42px!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(180deg,rgba(2,2,10,.55),rgba(2,2,10,.12))!important;
  border-bottom:1px solid rgba(180,165,255,.12)!important;
  box-shadow:none!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.home-page .header.home-scrolled{
  position:fixed!important;
  top:0!important;
  background:rgba(4,3,13,.92)!important;
  border-bottom-color:rgba(132,105,255,.22)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.home-page .logo{
  flex:0 0 116px!important;
  width:116px!important;
  min-width:116px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.home-page .logo-image{
  width:96px!important;
  height:58px!important;
  object-fit:contain!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 8px rgba(65,92,255,.65)) drop-shadow(0 0 13px rgba(156,66,255,.35))!important;
}
.home-page .nav{
  flex:1 1 auto!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:2px!important;
  margin:0!important;
}
.home-page .nav a{
  position:relative!important;
  padding:31px 15px 29px!important;
  color:rgba(255,255,255,.74)!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:-.2px!important;
  border-radius:0!important;
  transform:none!important;
}
.home-page .nav a:hover{
  color:#fff!important;
  background:rgba(102,74,255,.08)!important;
}
.home-page .nav a.active{
  color:#fff!important;
  background:transparent!important;
}
.home-page .nav a.active::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:24px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,#684cff,#b74cff)!important;
  box-shadow:0 0 13px rgba(118,70,255,.95)!important;
  border-radius:99px!important;
}
.home-page .header-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.home-page .header-login,
.home-page .header-signup{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 15px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.home-page .header-login{
  color:#fff!important;
  background:rgba(4,4,12,.80)!important;
  border:1px solid rgba(255,255,255,.11)!important;
}
.home-page .header-signup{
  color:#fff!important;
  background:linear-gradient(135deg,#5b61ff,#8650ee)!important;
  border:1px solid rgba(135,133,255,.55)!important;
  box-shadow:0 0 18px rgba(68,75,255,.22)!important;
}
.home-page .mobile-menu-btn{
  display:inline-flex!important;
  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
}

/* HERO — exact 16:9 image filling viewport */
.home-page .lt-hero{
  position:relative!important;
  width:100%!important;
  min-height:100svh!important;
  height:100svh!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#04030d!important;
}
.home-page .lt-hero-bg{
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  overflow:hidden!important;
}
.home-page .lt-hero-bg img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:saturate(1.04) contrast(1.04)!important;
}
.home-page .lt-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(3,2,11,.83) 0%,rgba(5,3,16,.57) 35%,rgba(8,4,21,.14) 67%,rgba(5,2,14,.32) 100%),
    linear-gradient(180deg,rgba(2,2,8,.20) 0%,rgba(5,2,14,.04) 43%,rgba(3,1,10,.88) 100%)!important;
}

/* 중앙 LOVE TEAM 로고 */
.home-page .lt-hero-brand{
  position:absolute!important;
  z-index:2!important;
  left:51.5%!important;
  top:52%!important;
  width:min(370px,28vw)!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
.home-page .lt-hero-brand img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  filter:drop-shadow(0 12px 17px rgba(0,0,0,.72)) drop-shadow(0 0 24px rgba(65,73,255,.45))!important;
}

/* HERO COPY */
.home-page .lt-hero-content{
  position:relative!important;
  z-index:4!important;
  width:min(1280px,100%)!important;
  min-height:100%!important;
  margin:0 auto!important;
  padding:190px 42px 245px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.home-page .lt-hero-badge{
  display:inline-flex!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 0 16px!important;
  padding:0 15px!important;
  border:1px solid rgba(100,83,255,.75)!important;
  border-radius:999px!important;
  background:rgba(31,18,83,.62)!important;
  color:#e8e2ff!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 0 22px rgba(71,49,255,.20),inset 0 1px 0 rgba(255,255,255,.09)!important;
  backdrop-filter:blur(9px)!important;
}
.home-page .lt-hero-kicker{
  display:none!important;
}
.home-page .lt-hero h1{
  max-width:620px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(47px,5vw,70px)!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-4px!important;
  text-shadow:0 7px 28px rgba(0,0,0,.65)!important;
}
.home-page .lt-hero h1 span{
  display:inline-block!important;
  color:transparent!important;
  background:linear-gradient(90deg,#6f63ff 0%,#a648ff 52%,#d963ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
.home-page .lt-hero-content>p:not(.lt-hero-kicker){
  max-width:520px!important;
  margin:19px 0 27px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:15px!important;
  line-height:1.75!important;
  font-weight:600!important;
  text-shadow:0 3px 14px rgba(0,0,0,.55)!important;
}
.home-page .lt-hero-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 28px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(100deg,#4e6cff,#754fff 55%,#a64ced)!important;
  border:1px solid rgba(164,151,255,.55)!important;
  box-shadow:0 13px 34px rgba(50,30,165,.45),0 0 22px rgba(77,75,255,.18)!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* BOTTOM GLASS PANEL */
.home-page .home-hero-panel{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  bottom:28px!important;
  transform:translateX(-50%)!important;
  width:min(1400px,calc(100% - 74px))!important;
  min-height:181px!important;
  display:grid!important;
  grid-template-columns:1.03fr 1.76fr 1.43fr!important;
  gap:0!important;
  border:1px solid rgba(106,81,255,.48)!important;
  border-radius:20px!important;
  background:linear-gradient(105deg,rgba(5,3,17,.90),rgba(15,8,34,.74))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 38px rgba(76,52,208,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(21px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(21px) saturate(125%)!important;
  overflow:hidden!important;
}
.home-page .home-hero-panel>div{
  min-width:0!important;
  padding:25px 28px!important;
}
.home-page .home-hero-panel>div+div{
  border-left:1px solid rgba(126,104,255,.20)!important;
}
.home-page .home-hero-label{
  margin:0 0 12px!important;
  color:#927cff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}
.home-page .home-hero-event h2{
  margin:0 0 9px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.4!important;
  letter-spacing:-.7px!important;
}
.home-page .home-hero-event>strong{
  display:block!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.45!important;
}
.home-page .home-hero-event>strong span{
  color:#d26cff!important;
}

/* 4 BENEFITS */
.home-page .home-hero-benefits{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
}
.home-page .home-hero-benefits article{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px!important;
  text-align:center!important;
}
.home-page .home-hero-benefits article+article{
  border-left:1px solid rgba(126,104,255,.18)!important;
}
.home-page .home-hero-benefits b{
  display:none!important;
}
.home-page .home-hero-benefits .hero-benefit-icon{
  flex:0 0 auto!important;
  width:46px!important;
  height:46px!important;
  margin:0 0 10px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(123,88,255,.72)!important;
  border-radius:13px!important;
  color:#a17dff!important;
  background:linear-gradient(145deg,rgba(54,37,126,.50),rgba(19,10,47,.46))!important;
  box-shadow:0 0 20px rgba(99,66,255,.19),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.home-page .home-hero-benefits .hero-benefit-icon svg{
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.home-page .home-hero-benefits strong{
  display:block!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
.home-page .home-hero-benefits article>span:not(.hero-benefit-icon){
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.43)!important;
  font-size:8px!important;
  line-height:1.45!important;
}

/* REVIEWS */
.home-page .home-hero-review-head{
  display:grid!important;
  grid-template-columns:.74fr 1.26fr!important;
  gap:15px!important;
  align-items:center!important;
}
.home-page .home-hero-review-head>div:first-child strong{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.5!important;
}
.home-page .home-hero-review-head>div:first-child a{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:13px!important;
  padding:7px 11px!important;
  border:1px solid rgba(120,90,255,.62)!important;
  border-radius:999px!important;
  background:rgba(55,38,125,.18)!important;
  color:#c5b5ff!important;
  font-size:9px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.home-page .home-hero-review-list{
  display:grid!important;
  gap:7px!important;
}
.home-page .home-hero-review-list article{
  position:relative!important;
  padding:9px 11px!important;
  border:1px solid rgba(115,92,220,.20)!important;
  border-radius:10px!important;
  background:rgba(23,14,49,.66)!important;
}
.home-page .home-hero-review-list p{
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:700!important;
}
.home-page .home-hero-review-list small{
  color:rgba(255,255,255,.42)!important;
  font-size:7px!important;
}
.home-page .home-hero-review-list b{
  float:right!important;
  color:#7191ff!important;
  font-size:8px!important;
  letter-spacing:1px!important;
}

/* Mobile = re-layout, not shrink */
@media(max-width:900px){
  .home-page .header{
    padding:0 22px!important;
  }
  .home-page .nav a{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:11px!important;
  }
  .home-page .home-hero-panel{
    width:calc(100% - 34px)!important;
    grid-template-columns:1fr 1fr!important;
    min-height:0!important;
  }
  .home-page .home-hero-benefits{
    grid-template-columns:1fr 1fr!important;
  }
  .home-page .home-hero-panel>div:nth-child(3){
    grid-column:1/-1!important;
    border-left:0!important;
    border-top:1px solid rgba(126,104,255,.20)!important;
  }
}
@media(max-width:760px){
  .home-page .header{
    position:absolute!important;
    top:0!important;
    height:66px!important;
    padding:0 14px!important;
    background:linear-gradient(180deg,rgba(2,2,10,.48),rgba(2,2,10,0))!important;
  }
  .home-page .header.home-scrolled{
    position:fixed!important;
    top:0!important;
    background:rgba(4,3,13,.95)!important;
  }
  .home-page .logo{
    flex-basis:100px!important;
    width:100px!important;
    min-width:100px!important;
    height:54px!important;
  }
  .home-page .logo-image{
    width:88px!important;
    height:50px!important;
  }
  .home-page .nav{
    display:none!important;
  }
  .home-page .header-actions{
    margin-left:auto!important;
    gap:6px!important;
  }
  .home-page .header-login,
  .home-page .header-signup{
    height:33px!important;
    min-height:33px!important;
    padding:0 9px!important;
    font-size:9px!important;
  }
  .home-page .mobile-menu-btn{
    width:37px!important;
    min-width:37px!important;
    height:37px!important;
  }
  .home-page .mobile-menu{
    top:66px!important;
  }
  .home-page .lt-hero{
    min-height:100svh!important;
    height:auto!important;
    padding-bottom:0!important;
  }
  .home-page .lt-hero-bg img{
    width:112%!important;
    height:112%!important;
    left:-2%!important;
    top:-4%!important;
    object-fit:cover!important;
    object-position:80% 32%!important;
  }
  .home-page .lt-hero-brand{
    width:245px!important;
    left:61%!important;
    top:42%!important;
  }
  .home-page .lt-hero-content{
    min-height:100svh!important;
    padding:104px 20px 460px!important;
    justify-content:flex-start!important;
  }
  .home-page .lt-hero-badge{
    height:31px!important;
    min-height:31px!important;
    padding:0 11px!important;
    font-size:8px!important;
  }
  .home-page .lt-hero h1{
    max-width:330px!important;
    font-size:clamp(34px,10vw,43px)!important;
    letter-spacing:-2.5px!important;
  }
  .home-page .lt-hero-content>p:not(.lt-hero-kicker){
    max-width:320px!important;
    font-size:11px!important;
  }
  .home-page .lt-hero-btn{
    height:48px!important;
    min-height:48px!important;
    padding:0 22px!important;
    font-size:11px!important;
  }
  .home-page .home-hero-panel{
    left:17px!important;
    right:17px!important;
    bottom:15px!important;
    width:auto!important;
    transform:none!important;
    grid-template-columns:1fr!important;
    border-radius:16px!important;
  }
  .home-page .home-hero-panel>div{
    padding:16px 15px!important;
  }
  .home-page .home-hero-panel>div+div{
    border-left:0!important;
    border-top:1px solid rgba(126,104,255,.20)!important;
  }
  .home-page .home-hero-benefits{
    grid-template-columns:1fr 1fr!important;
  }
  .home-page .home-hero-benefits article{
    padding:9px 3px!important;
  }
  .home-page .home-hero-benefits .hero-benefit-icon{
    width:38px!important;
    height:38px!important;
  }
  .home-page .home-hero-benefits strong{
    font-size:9px!important;
  }
  .home-page .home-hero-benefits article>span:not(.hero-benefit-icon){
    font-size:7px!important;
  }
  .home-page .home-hero-review-head{
    grid-template-columns:1fr!important;
  }
  .home-page .home-hero-review-list{
    display:none!important;
  }
}


/* =========================================================
   HOME REFERENCE MATCH — SCREENSHOT CORRECTION
   2026-10-01
========================================================= */

/* 1) LOVE TEAM logo: remove baked-in black rectangle visually */
.home-page .lt-hero-brand{
  z-index:3!important;
}
.home-page .lt-hero-brand img{
  mix-blend-mode:screen!important;
  filter:
    brightness(1.12) saturate(1.08)
    drop-shadow(0 12px 17px rgba(0,0,0,.68))
    drop-shadow(0 0 24px rgba(65,73,255,.48))!important;
}
.home-page .logo{
  mix-blend-mode:screen!important;
}
.home-page .logo-image{
  mix-blend-mode:screen!important;
  filter:
    brightness(1.10) saturate(1.05)
    drop-shadow(0 0 8px rgba(65,92,255,.65))
    drop-shadow(0 0 13px rgba(156,66,255,.38))!important;
}

/* 2) Reference screenshot panel proportions:
      EVENTS wider / 4 benefits balanced / REVIEWS balanced */
.home-page .home-hero-panel{
  width:min(1440px,calc(100% - 72px))!important;
  grid-template-columns:1fr 1.10fr 1.05fr!important;
}

/* Keep the four benefit cells visually even */
.home-page .home-hero-benefits{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

/* Slightly larger event copy like the reference */
.home-page .home-hero-event h2{
  font-size:20px!important;
  letter-spacing:-.8px!important;
}
.home-page .home-hero-event>strong{
  font-size:16px!important;
}

/* Reference review block: heading has enough width */
.home-page .home-hero-review-head{
  grid-template-columns:.82fr 1.18fr!important;
  gap:18px!important;
}

/* 3) Hero logo sits a little lower and smaller, matching the reference
      composition without covering the character's face */
.home-page .lt-hero-brand{
  width:min(340px,25vw)!important;
  top:53%!important;
}

/* 4) Reference hero keeps the artwork visible while retaining text contrast */
.home-page .lt-hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,2,11,.80) 0%,rgba(5,3,16,.52) 35%,rgba(8,4,21,.10) 67%,rgba(5,2,14,.30) 100%),
    linear-gradient(180deg,rgba(2,2,8,.18) 0%,rgba(5,2,14,.03) 45%,rgba(3,1,10,.84) 100%)!important;
}

/* 5) Mobile keeps the same transparent-logo treatment and re-layout */
@media(max-width:760px){
  .home-page .lt-hero-brand{
    width:245px!important;
    left:61%!important;
    top:42%!important;
  }
  .home-page .home-hero-panel{
    width:auto!important;
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   HOME PC UI POLISH — HERO / HEADER / LOGO / PANEL
   2026-10-01
========================================================= */

/* PC: hero artwork starts at the very top, directly behind navigation.
   No blur on the header before scrolling. */
.home-page .header{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:50!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Scrolling: keep the navigation fixed as a clean glass header. */
.home-page .header.home-scrolled{
  position:fixed!important;
  top:0!important;
  background:rgba(7,5,18,.58)!important;
  border-bottom:1px solid rgba(153,128,255,.22)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}

/* Keep the hero image crisp and unobstructed around the navigation. */
.home-page .lt-hero-bg img{
  filter:saturate(1.06) contrast(1.03)!important;
}
.home-page .lt-hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,2,11,.72) 0%,rgba(5,3,16,.43) 35%,rgba(8,4,21,.08) 67%,rgba(5,2,14,.24) 100%),
    linear-gradient(180deg,rgba(2,2,8,.06) 0%,rgba(5,2,14,.02) 45%,rgba(3,1,10,.80) 100%)!important;
}

/* Header logo: make the embedded dark edge visually merge into the artwork. */
.home-page .logo{
  position:relative!important;
  isolation:isolate!important;
}
.home-page .logo::before{
  content:""!important;
  position:absolute!important;
  left:-18px!important;
  top:50%!important;
  width:138px!important;
  height:62px!important;
  transform:translateY(-50%)!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(45,32,105,.42) 0%,
    rgba(33,23,78,.18) 42%,
    rgba(10,7,28,0) 76%)!important;
  filter:blur(8px)!important;
}
.home-page .logo-image{
  mix-blend-mode:screen!important;
  filter:
    brightness(1.16) saturate(1.08)
    drop-shadow(0 0 10px rgba(76,86,255,.72))
    drop-shadow(0 0 18px rgba(171,74,255,.38))!important;
}

/* Center LOVE TEAM logo: remove the visible rectangular feel and blend
   its dark embedded artwork into the surrounding hero. */
.home-page .lt-hero-brand{
  width:min(320px,23vw)!important;
  top:54%!important;
  padding:18px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,
    rgba(40,26,105,.22) 0%,
    rgba(28,18,74,.12) 38%,
    rgba(10,6,25,0) 72%)!important;
}
.home-page .lt-hero-brand img{
  mix-blend-mode:screen!important;
  filter:
    brightness(1.15) saturate(1.10)
    drop-shadow(0 10px 18px rgba(0,0,0,.54))
    drop-shadow(0 0 25px rgba(73,79,255,.48))
    drop-shadow(0 0 34px rgba(171,70,255,.20))!important;
}

/* Smaller, lighter bottom glass panel on desktop. */
.home-page .home-hero-panel{
  width:min(1300px,calc(100% - 110px))!important;
  min-height:148px!important;
  bottom:22px!important;
  grid-template-columns:1fr 1.18fr 1.05fr!important;
  border-radius:17px!important;
  background:linear-gradient(105deg,rgba(5,3,17,.84),rgba(15,8,34,.68))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.48),0 0 30px rgba(76,52,208,.12),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
.home-page .home-hero-panel>div{
  padding:19px 22px!important;
}
.home-page .home-hero-label{
  margin-bottom:8px!important;
  font-size:10px!important;
}
.home-page .home-hero-event h2{
  font-size:17px!important;
  margin-bottom:6px!important;
}
.home-page .home-hero-event>strong{
  font-size:14px!important;
}
.home-page .home-hero-benefits .hero-benefit-icon{
  width:40px!important;
  height:40px!important;
  margin-bottom:7px!important;
  border-radius:11px!important;
}
.home-page .home-hero-benefits .hero-benefit-icon svg{
  width:20px!important;
  height:20px!important;
}
.home-page .home-hero-benefits strong{
  font-size:10px!important;
}
.home-page .home-hero-benefits article>span:not(.hero-benefit-icon){
  font-size:7px!important;
}
.home-page .home-hero-review-head{
  grid-template-columns:.82fr 1.18fr!important;
  gap:12px!important;
}
.home-page .home-hero-review-head>div:first-child strong{
  font-size:14px!important;
}
.home-page .home-hero-review-head>div:first-child a{
  margin-top:9px!important;
  padding:6px 9px!important;
  font-size:8px!important;
}
.home-page .home-hero-review-list article{
  padding:7px 9px!important;
}
.home-page .home-hero-review-list p{
  font-size:8px!important;
}
.home-page .home-hero-review-list small{
  font-size:6px!important;
}
.home-page .home-hero-review-list b{
  font-size:7px!important;
}

/* Mobile keeps its separate re-layout; only inherit the transparent header
   and compact panel behavior. */
@media(max-width:760px){
  .home-page .header{
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .home-page .header.home-scrolled{
    background:rgba(7,5,18,.62)!important;
    backdrop-filter:blur(16px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
  }
  .home-page .lt-hero-brand{
    width:245px!important;
    top:42%!important;
    padding:12px!important;
  }
  .home-page .home-hero-panel{
    width:auto!important;
    min-height:0!important;
    bottom:15px!important;
    grid-template-columns:1fr!important;
  }
  .home-page .home-hero-panel>div{
    padding:14px 14px!important;
  }
}


/* =========================================================
   HOME TYPOGRAPHY / LOGO CUTOUT / HERO SCALE — 2026-10-01
========================================================= */

/* Premium Korean-first typography without changing page functionality. */
body,
button,
input,
textarea,
select{
  font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif!important;
}
.lt-hero,
.lt-hero button,
.lt-hero a{
  font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif!important;
}

/* The logo asset now has a luminance-based transparent cutout.
   Keep only the actual bright LOVE TEAM mark; remove the embedded JPEG box. */
.home-page .logo-image,
.home-page .lt-hero-brand img{
  mix-blend-mode:normal!important;
  filter:brightness(1.04) saturate(1.08)
    drop-shadow(0 0 11px rgba(76,86,255,.68))
    drop-shadow(0 0 22px rgba(171,74,255,.32))!important;
}

/* Header logo: no surrounding rectangle, only the mark and a soft glow. */
.home-page .logo::before{
  display:none!important;
}
.home-page .logo{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* Larger center LOVE TEAM mark, with no panel/box behind it. */
.home-page .lt-hero-brand{
  width:min(420px,29vw)!important;
  top:51%!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-page .lt-hero-brand::before,
.home-page .lt-hero-brand::after{
  display:none!important;
}
.home-page .lt-hero-brand img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}

/* Show more of the original 16:9 hero artwork on desktop. */
.home-page .lt-hero{
  min-height:100svh!important;
  height:100svh!important;
  max-height:none!important;
}
.home-page .lt-hero-bg img{
  object-fit:cover!important;
  object-position:center center!important;
}

/* Keep the enlarged logo above the compact glass panel. */
.home-page .home-hero-panel{
  bottom:20px!important;
}

/* Mobile remains a separate layout, but uses the same transparent logo asset. */
@media(max-width:760px){
  .home-page .lt-hero{
    min-height:650px!important;
    height:calc(100svh - 58px)!important;
    max-height:760px!important;
  }
  .home-page .lt-hero-brand{
    width:min(300px,72vw)!important;
    top:40%!important;
    padding:0!important;
  }
  .home-page .logo::before{
    display:none!important;
  }
}


/* =========================================================
   HOME FINAL UI REFINEMENT — LOGO / HERO / LOWER CARDS
   2026-10-01
========================================================= */

/* Cleaner, sharper logo rendering: remove the dark JPEG field visually
   while keeping the original LOVE TEAM artwork itself. */
.home-page .logo-image,
.home-page .lt-hero-brand img{
  mix-blend-mode:screen!important;
  image-rendering:auto!important;
  filter:
    brightness(1.14) contrast(1.08) saturate(1.14)
    drop-shadow(0 0 9px rgba(67,83,255,.72))
    drop-shadow(0 0 20px rgba(171,70,255,.34))!important;
}

/* Header logo: slightly larger presence without a box. */
.home-page .logo{
  width:126px!important;
  height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.home-page .logo-image{
  width:118px!important;
  height:auto!important;
}

/* Pull the hero artwork back so more of the character and environment
   remain visible inside the same viewport. */
.home-page .lt-hero-bg{
  background:#080518!important;
}
.home-page .lt-hero-bg img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(.88)!important;
  transform-origin:center center!important;
}

/* Large, mathematically centered LOVE TEAM mark.
   The 500px desktop size brings the fox ears down toward the character's
   neck area while keeping the logo centered on the viewport. */
.home-page .lt-hero-brand{
  left:50%!important;
  top:50%!important;
  width:min(500px,32vw)!important;
  transform:translate(-50%,-50%)!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.home-page .lt-hero-brand img{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  display:block!important;
}

/* Hero copy hierarchy: first line smaller, brand line stays strong. */
.home-page .lt-hero h1{
  font-size:clamp(42px,4.45vw,61px)!important;
  line-height:1.05!important;
  letter-spacing:-3px!important;
}
.home-page .lt-hero h1 span{
  font-size:1.08em!important;
  line-height:1!important;
}
.home-page .lt-hero-content>p:not(.lt-hero-kicker){
  max-width:none!important;
  white-space:nowrap!important;
  margin:17px 0 22px!important;
  font-size:13px!important;
  line-height:1.5!important;
  letter-spacing:-.25px!important;
}
.home-page .lt-hero-btn{
  min-height:44px!important;
  padding:0 20px!important;
  border-radius:10px!important;
  font-size:11px!important;
  box-shadow:0 9px 24px rgba(55,36,177,.34),0 0 18px rgba(73,78,255,.18)!important;
}

/* Lower UI: three compact, independent cards instead of one large slab.
   Event and reviews are now visually separated as requested. */
.home-page .home-hero-panel{
  width:min(1280px,calc(100% - 100px))!important;
  min-height:122px!important;
  bottom:18px!important;
  grid-template-columns:1fr 1.42fr 1.18fr!important;
  gap:10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.home-page .home-hero-panel>div{
  min-width:0!important;
  min-height:122px!important;
  padding:16px 18px!important;
  border:1px solid rgba(126,104,255,.34)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(5,3,18,.86),rgba(18,9,38,.70))!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.38),
    0 0 22px rgba(80,56,214,.10),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(12px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(118%)!important;
}
.home-page .home-hero-panel>div+div{
  border-left:1px solid rgba(126,104,255,.34)!important;
}
.home-page .home-hero-event{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home-page .home-hero-event h2{
  font-size:15px!important;
  margin-bottom:5px!important;
}
.home-page .home-hero-event>strong{
  font-size:12px!important;
}
.home-page .home-hero-benefits{
  gap:9px 14px!important;
  align-content:center!important;
}
.home-page .home-hero-benefits article{
  grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:7px!important;
}
.home-page .home-hero-benefits .hero-benefit-icon{
  width:34px!important;
  height:34px!important;
  margin-bottom:0!important;
  border-radius:9px!important;
}
.home-page .home-hero-benefits .hero-benefit-icon svg{
  width:17px!important;
  height:17px!important;
}
.home-page .home-hero-benefits strong{
  font-size:9px!important;
}
.home-page .home-hero-benefits span{
  font-size:7px!important;
}
.home-page .home-hero-benefits b{
  font-size:8px!important;
}
.home-page .home-hero-reviews{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home-page .home-hero-reviews .home-hero-review-head{
  grid-template-columns:.74fr 1.26fr!important;
  gap:9px!important;
}
.home-page .home-hero-review-head>div:first-child strong{
  font-size:11px!important;
  line-height:1.45!important;
}
.home-page .home-hero-review-head>div:first-child a{
  margin-top:7px!important;
  padding:5px 8px!important;
  font-size:7px!important;
}
.home-page .home-hero-review-list{
  display:grid!important;
  gap:5px!important;
}
.home-page .home-hero-review-list article{
  padding:5px 7px!important;
  border-radius:8px!important;
}
.home-page .home-hero-review-list p{
  font-size:7px!important;
}
.home-page .home-hero-review-list small{
  font-size:5px!important;
}
.home-page .home-hero-review-list b{
  font-size:6px!important;
}

/* Keep mobile as a distinct layout rather than inheriting desktop dimensions. */
@media(max-width:760px){
  .home-page .lt-hero-bg img{
    transform:scale(.92)!important;
  }
  .home-page .lt-hero-brand{
    left:50%!important;
    top:40%!important;
    width:min(330px,78vw)!important;
  }
  .home-page .lt-hero h1{
    font-size:clamp(34px,9vw,43px)!important;
    letter-spacing:-2.4px!important;
  }
  .home-page .lt-hero h1 span{
    font-size:1.04em!important;
  }
  .home-page .lt-hero-content>p:not(.lt-hero-kicker){
    white-space:normal!important;
    max-width:92%!important;
    font-size:11px!important;
  }
  .home-page .lt-hero-btn{
    min-height:42px!important;
    padding:0 18px!important;
    font-size:10px!important;
  }
  .home-page .home-hero-panel{
    width:calc(100% - 30px)!important;
    bottom:14px!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .home-page .home-hero-panel>div{
    min-height:100px!important;
    padding:12px!important;
  }
  .home-page .home-hero-event{
    grid-column:1/-1!important;
  }
  .home-page .home-hero-benefits{
    gap:7px!important;
  }
  .home-page .home-hero-reviews .home-hero-review-head{
    grid-template-columns:1fr!important;
  }
  .home-page .home-hero-review-list{
    display:none!important;
  }
}


/* =========================================================
   HOME MICRO POLISH — FULL-BLEED HERO / SHARPER LOGOS / COMPACT UI
   2026-10-01
========================================================= */

/* Full-bleed hero: fill the viewport again without the previous
   pull-back scale that created visible margins around the artwork. */
.home-page .lt-hero-bg img{
  transform:scale(1)!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(1.08) contrast(1.055) brightness(1.01)!important;
}

/* Center LOVE TEAM mark: stronger local contrast and cleaner edge glow. */
.home-page .lt-hero-brand img{
  image-rendering:auto!important;
  filter:
    brightness(1.20) contrast(1.22) saturate(1.16)
    drop-shadow(0 0 2px rgba(255,255,255,.34))
    drop-shadow(0 0 10px rgba(72,86,255,.78))
    drop-shadow(0 0 22px rgba(174,72,255,.42))!important;
}

/* Header/home logo: a little smaller, with a cleaner and brighter mark. */
.home-page .logo{
  width:112px!important;
  height:58px!important;
}
.home-page .logo-image{
  width:104px!important;
  image-rendering:auto!important;
  filter:
    brightness(1.20) contrast(1.20) saturate(1.12)
    drop-shadow(0 0 2px rgba(255,255,255,.28))
    drop-shadow(0 0 8px rgba(72,86,255,.72))
    drop-shadow(0 0 16px rgba(171,72,255,.34))!important;
}

/* Headline: shrink only the first line; keep "오직 로브팀!" prominent. */
.home-page .lt-hero h1{
  font-size:clamp(42px,4.45vw,61px)!important;
}
.home-page .lt-hero h1 .lt-hero-title-main{
  display:inline-block!important;
  font-size:.72em!important;
  line-height:1.05!important;
  letter-spacing:-2px!important;
  white-space:nowrap!important;
}
.home-page .lt-hero h1>span:not(.lt-hero-title-main){
  font-size:1.08em!important;
  line-height:1!important;
}

/* One-line supporting copy on desktop, with tighter vertical rhythm. */
.home-page .lt-hero-content>p:not(.lt-hero-kicker){
  white-space:nowrap!important;
  max-width:none!important;
  margin:13px 0 15px!important;
  font-size:11px!important;
  line-height:1.45!important;
  letter-spacing:-.3px!important;
}

/* Smaller consultation button, especially vertically. */
.home-page .lt-hero-btn{
  min-height:36px!important;
  height:36px!important;
  padding:0 17px!important;
  border-radius:9px!important;
  font-size:10px!important;
  line-height:1!important;
}

/* Compact the three lower panels vertically while preserving the
   independent EVENT / BENEFITS / REVIEWS layout. */
.home-page .home-hero-panel{
  min-height:104px!important;
  bottom:14px!important;
}
.home-page .home-hero-panel>div{
  min-height:104px!important;
  padding:12px 16px!important;
}
.home-page .home-hero-benefits{
  gap:7px 12px!important;
}
.home-page .home-hero-benefits .hero-benefit-icon{
  width:30px!important;
  height:30px!important;
}
.home-page .home-hero-benefits .hero-benefit-icon svg{
  width:15px!important;
  height:15px!important;
}

/* Keep the compact mobile layout independent from desktop sizing. */
@media(max-width:760px){
  .home-page .lt-hero-bg img{
    transform:scale(1)!important;
    object-fit:cover!important;
  }
  .home-page .logo{
    width:98px!important;
    height:54px!important;
  }
  .home-page .logo-image{
    width:92px!important;
  }
  .home-page .lt-hero h1 .lt-hero-title-main{
    font-size:.78em!important;
  }
  .home-page .lt-hero-content>p:not(.lt-hero-kicker){
    white-space:normal!important;
    max-width:92%!important;
    font-size:10px!important;
    margin:12px 0 14px!important;
  }
  .home-page .lt-hero-btn{
    min-height:34px!important;
    height:34px!important;
    padding:0 16px!important;
    font-size:9px!important;
  }
  .home-page .home-hero-panel{
    bottom:10px!important;
  }
  .home-page .home-hero-panel>div{
    min-height:88px!important;
    padding:10px 11px!important;
  }
}


/* =========================================================
   HOME LOGO ASSET — HIGH-RES UPLOAD
   2026-10-01
   Use the newly uploaded transparent/high-resolution logo
   for both the header mark and the centered hero mark.
========================================================= */
.home-page .logo{
  mix-blend-mode:normal!important;
}
.home-page .logo-image{
  mix-blend-mode:normal!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:
    brightness(1.04) contrast(1.04) saturate(1.06)
    drop-shadow(0 0 2px rgba(255,255,255,.22))
    drop-shadow(0 0 8px rgba(72,86,255,.62))
    drop-shadow(0 0 16px rgba(171,72,255,.30))!important;
}
.home-page .lt-hero-brand img{
  mix-blend-mode:normal!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:
    brightness(1.04) contrast(1.04) saturate(1.06)
    drop-shadow(0 8px 14px rgba(0,0,0,.46))
    drop-shadow(0 0 10px rgba(72,86,255,.64))
    drop-shadow(0 0 24px rgba(174,72,255,.34))!important;
}
@media(max-width:760px){
  .home-page .logo-image{
    filter:
      brightness(1.04) contrast(1.04) saturate(1.05)
      drop-shadow(0 0 2px rgba(255,255,255,.20))
      drop-shadow(0 0 7px rgba(72,86,255,.58))
      drop-shadow(0 0 14px rgba(171,72,255,.28))!important;
  }
  .home-page .lt-hero-brand img{
    filter:
      brightness(1.04) contrast(1.04) saturate(1.05)
      drop-shadow(0 6px 12px rgba(0,0,0,.42))
      drop-shadow(0 0 9px rgba(72,86,255,.58))
      drop-shadow(0 0 20px rgba(174,72,255,.30))!important;
  }
}


/* LOGO LAYOUT CLEANUP — remove surrounding box/layout effects */
.home-page .logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.home-page .logo-image{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.home-page .lt-hero-brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.home-page .lt-hero-brand img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}


/* =========================================================
   HOME REQUESTED REFINEMENT — EVENT 2-PANEL / HEADER / REVIEWS
   2026-10-01
========================================================= */

/* Thinner homepage header. */
.home-page .top-notice{height:30px!important;font-size:12px!important}
.home-page .header{height:58px!important;padding:0 28px!important;gap:22px!important}
.home-page .header-actions{gap:10px!important}
.home-page .header-actions>a{font-size:12px!important}
.home-page .nav{gap:24px!important}
.home-page .nav a{font-size:12px!important}
.home-page .logo{height:48px!important}
.home-page .logo-image{width:92px!important}

/* Remove the upper-right dotted/more control; keep the normal hamburger on mobile. */
.home-page .love-mobile-more-btn{display:none!important}

/* Exact auth intent: left is login, right is signup. */
.home-page #openAuth,.home-page #openSignup{cursor:pointer!important}

/* Hero logo: light purple + deep purple with a subtle blue aura. */
.home-page .lt-hero-brand img{
  filter:
    brightness(1.10) contrast(1.10) saturate(1.24)
    drop-shadow(0 0 2px rgba(216,190,255,.30))
    drop-shadow(0 0 9px rgba(196,126,255,.48))
    drop-shadow(0 0 18px rgba(83,72,255,.48))
    drop-shadow(0 0 30px rgba(44,112,255,.20))!important;
}

/* Bottom hero: left + center become one continuous 60% panel,
   reviews occupy the remaining 40%. */
.home-page .home-hero-panel{
  width:min(1280px,calc(100% - 100px))!important;
  grid-template-columns:1.2fr 2.4fr 2.4fr!important;
  gap:0!important;
  min-height:116px!important;
  padding:0!important;
  border:1px solid rgba(126,104,255,.40)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:linear-gradient(105deg,rgba(34,12,73,.88) 0%,rgba(18,18,62,.82) 59.8%,rgba(7,5,22,.88) 60%,rgba(9,7,28,.86) 100%)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.44),0 0 28px rgba(82,64,224,.14)!important;
}
.home-page .home-hero-panel>div{
  min-height:116px!important;
  padding:16px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-page .home-hero-event{
  justify-content:center!important;
  border-right:0!important;
}
.home-page .home-hero-event h2{
  color:#fff!important;
  font-size:13px!important;
  margin:0 0 5px!important;
  font-weight:800!important;
}
.home-page .home-hero-event>strong{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.home-page .home-hero-event>strong:first-letter{color:#fff!important}
.home-page .home-hero-event>strong::first-line{color:#fff!important}
.home-page .home-hero-event>strong span{
  color:#fff!important;
  background:none!important;
  -webkit-text-fill-color:#fff!important;
}
.home-page .home-hero-event>strong{
  background:linear-gradient(90deg,#fff 0 22%,#a65cff 34%,#6e67ff 76%,#fff 92%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.home-page .home-hero-event>strong span{
  -webkit-text-fill-color:#fff!important;
}
.home-page .home-hero-benefits{
  border-left:1px solid rgba(160,130,255,.14)!important;
  border-right:1px solid rgba(160,130,255,.14)!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:center!important;
  gap:10px 18px!important;
}
.home-page .home-hero-benefits article{
  min-width:0!important;
}
.home-page .home-hero-reviews{
  border-left:1px solid rgba(160,130,255,.34)!important;
}
.home-page .home-hero-review-list article{
  min-width:0!important;
}
.home-page .home-hero-review-list p{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-page .home-hero-review-empty p{color:rgba(255,255,255,.72)!important}

@media(max-width:760px){
  .home-page .top-notice{height:28px!important;font-size:10px!important}
  .home-page .header{height:54px!important;padding:0 14px!important}
  .home-page .nav{display:none!important}
  .home-page .header-actions{gap:7px!important}
  .home-page .header-actions>a{font-size:10px!important}
  .home-page .logo{height:44px!important;width:94px!important}
  .home-page .logo-image{width:88px!important}
  .home-page .home-hero-panel{
    width:calc(100% - 24px)!important;
    grid-template-columns:1.2fr 2.4fr 2.4fr!important;
    gap:0!important;
    min-height:88px!important;
  }
  .home-page .home-hero-panel>div{min-height:88px!important;padding:9px 10px!important}
  .home-page .home-hero-event h2{font-size:10px!important}
  .home-page .home-hero-event>strong{font-size:10px!important}
  .home-page .home-hero-benefits{gap:6px 8px!important}
  .home-page .home-hero-reviews{border-left:1px solid rgba(160,130,255,.28)!important}
  .home-page .lt-hero-brand img{
    filter:
      brightness(1.08) contrast(1.08) saturate(1.20)
      drop-shadow(0 0 2px rgba(216,190,255,.28))
      drop-shadow(0 0 8px rgba(196,126,255,.44))
      drop-shadow(0 0 16px rgba(83,72,255,.44))
      drop-shadow(0 0 24px rgba(44,112,255,.18))!important;
  }
}


/* =========================================================
   HOMEPAGE FINAL PANEL / HEADER UI REFINEMENT
========================================================= */

/* 6:4 split: EVENTS/benefits on the left, REVIEWS on the right. */
.home-page .home-hero-panel{
  grid-template-columns:6fr 4fr!important;
  gap:0!important;
  min-height:154px!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.home-page .home-hero-main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(235px,.9fr) minmax(0,1.5fr)!important;
  align-items:stretch!important;
  min-height:154px!important;
  border-right:1px solid rgba(160,130,255,.32)!important;
}
.home-page .home-hero-main>.home-hero-event{
  min-width:0!important;
  min-height:154px!important;
  padding:22px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.home-page .home-hero-event h2{
  font-size:15px!important;
  line-height:1.4!important;
  margin:0 0 9px!important;
  color:#fff!important;
}
.home-page .home-hero-event>strong{
  font-size:19px!important;
  line-height:1.45!important;
  letter-spacing:-.4px!important;
}
.home-page .home-hero-event>strong span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.home-page .home-hero-benefits{
  border:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:0!important;
  padding:14px 22px!important;
}
.home-page .home-hero-benefits article{
  min-height:31px!important;
  display:grid!important;
  grid-template-columns:22px 30px minmax(105px,1fr) auto!important;
  align-items:center!important;
  column-gap:7px!important;
  padding:5px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.home-page .home-hero-benefits article:last-child{border-bottom:0!important}
.home-page .home-hero-benefits .hero-benefit-icon{
  width:20px!important;
  height:20px!important;
}
.home-page .home-hero-benefits article b{
  font-size:9px!important;
  color:#9c84ff!important;
}
.home-page .home-hero-benefits article strong{
  font-size:11px!important;
  color:#fff!important;
}
.home-page .home-hero-benefits article>span:last-child{
  font-size:9px!important;
  color:rgba(255,255,255,.54)!important;
  white-space:nowrap!important;
}
.home-page .home-hero-reviews{
  min-height:154px!important;
  border-left:0!important;
  padding:20px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.home-page .home-hero-review-head{
  display:grid!important;
  grid-template-columns:minmax(130px,.85fr) minmax(0,1.15fr)!important;
  gap:16px!important;
  align-items:center!important;
}
.home-page .home-hero-review-list{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.home-page .home-hero-review-list article{
  padding:7px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.home-page .home-hero-review-list article:last-child{border-bottom:0!important}
.home-page .home-hero-review-list p{
  margin:0 0 3px!important;
  font-size:10px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.82)!important;
}
.home-page .home-hero-review-list small{
  font-size:8px!important;
  color:rgba(255,255,255,.42)!important;
}
.home-page .home-hero-review-list b{
  display:block!important;
  margin-top:2px!important;
  font-size:9px!important;
  letter-spacing:1px!important;
  color:#a978ff!important;
}

/* Stronger, cleaner current-page indicator across every header. */
.header .nav a{
  position:relative!important;
  padding:12px 13px!important;
  border-radius:9px!important;
  transition:color .18s ease,background .18s ease,transform .18s ease!important;
}
.header .nav a:hover{
  color:#fff!important;
  background:rgba(116,82,255,.10)!important;
}
.header .nav a.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(113,79,255,.17),rgba(113,79,255,.05))!important;
  box-shadow:inset 0 0 0 1px rgba(147,119,255,.18),0 0 18px rgba(95,74,255,.10)!important;
}
.header .nav a.active::after{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  right:13px!important;
  bottom:5px!important;
  width:auto!important;
  height:2px!important;
  transform:none!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#6574ff,#bd54ff)!important;
  box-shadow:0 0 10px rgba(119,79,255,.72)!important;
}
.mobile-menu a.mobile-current{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(102,86,255,.22),rgba(161,76,255,.10))!important;
  box-shadow:inset 3px 0 0 #8b63ff!important;
}

/* Keep both auth buttons visible on mobile too. */
.home-page .header-actions .header-login,
.home-page .header-actions .header-signup{
  display:inline-flex!important;
}
.home-page .header-actions .header-login{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  font-size:11px!important;
}
.home-page .header-actions .header-signup{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  font-size:11px!important;
}

/* Prevent the mobile auth buttons from colliding with the menu button. */
@media(max-width:760px){
  .home-page .home-hero-panel{
    grid-template-columns:6fr 4fr!important;
    min-height:130px!important;
  }
  .home-page .home-hero-main{
    grid-template-columns:1fr!important;
    min-height:130px!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    min-height:82px!important;
    padding:12px 14px!important;
  }
  .home-page .home-hero-event h2{font-size:11px!important;margin-bottom:4px!important}
  .home-page .home-hero-event>strong{font-size:14px!important;line-height:1.35!important}
  .home-page .home-hero-benefits{
    display:none!important;
  }
  .home-page .home-hero-reviews{
    min-height:130px!important;
    padding:12px 12px!important;
  }
  .home-page .home-hero-review-head{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .home-page .home-hero-review-head>div:first-child strong{
    font-size:10px!important;
  }
  .home-page .home-hero-review-list article:nth-child(n+2){display:none!important}
  .home-page .header-actions{
    margin-right:48px!important;
    gap:5px!important;
  }
  .home-page .header-actions .header-login,
  .home-page .header-actions .header-signup{
    height:31px!important;
    min-height:31px!important;
    padding:0 8px!important;
    font-size:9px!important;
  }
  .home-page .mobile-menu-btn{
    right:8px!important;
  }
}

@media(max-width:760px){
  .home-page .home-hero-panel{min-height:220px!important}
  .home-page .home-hero-main{min-height:220px!important}
  .home-page .home-hero-main>.home-hero-event{min-height:78px!important}
  .home-page .home-hero-benefits{
    display:flex!important;
    min-height:142px!important;
    padding:5px 10px!important;
  }
  .home-page .home-hero-benefits article{
    min-height:31px!important;
    grid-template-columns:18px 24px minmax(0,1fr)!important;
    column-gap:4px!important;
    padding:3px 0!important;
  }
  .home-page .home-hero-benefits article>span:last-child{display:none!important}
  .home-page .home-hero-benefits article strong{font-size:8px!important}
  .home-page .home-hero-reviews{min-height:220px!important}
}


/* Remove any legacy desktop header dotted/more control. The mobile hamburger remains intact. */
.home-page .header .love-mobile-more-btn,
.home-page .header .header-more,
.home-page .header .more-btn,
.home-page .header .dots-btn,
.home-page .header .dot-menu,
.home-page .header [aria-label*="더보기"],
.home-page .header [aria-label*="more" i]{
  display:none!important;
}


/* Desktop: hide hamburger completely. Mobile: retain the existing hamburger. */
@media(min-width:761px){
  .home-page .mobile-menu-btn{
    display:none!important;
  }
}
@media(max-width:760px){
  .home-page .mobile-menu-btn{
    display:inline-flex!important;
  }
}


/* HOME HERO PANEL — event header + four independent benefit panels */
.home-page .home-hero-main{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:154px!important;
  border-right:1px solid rgba(160,130,255,.32)!important;
}
.home-page .home-hero-main>.home-hero-event{
  flex:0 0 auto!important;
  min-height:68px!important;
  padding:14px 22px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  border-bottom:1px solid rgba(160,130,255,.18)!important;
}
.home-page .home-hero-event .home-hero-label{
  margin:0 0 3px!important;
  font-size:9px!important;
  letter-spacing:2.8px!important;
  color:#a989ff!important;
}
.home-page .home-hero-event h2{
  margin:0 0 2px!important;
  font-size:12px!important;
  line-height:1.25!important;
  color:#fff!important;
}
.home-page .home-hero-event>strong{
  display:block!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.25!important;
  letter-spacing:-.35px!important;
  white-space:nowrap!important;
  background:linear-gradient(90deg,#b992ff,#727cff,#b95dff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.home-page .home-hero-event>strong span{display:none!important}

.home-page .home-hero-benefits{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:0!important;
  min-height:86px!important;
  padding:0!important;
  border:0!important;
}
.home-page .home-hero-benefits article{
  min-width:0!important;
  min-height:86px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:3px!important;
  padding:10px 11px!important;
  border:0!important;
  border-right:1px solid rgba(160,130,255,.16)!important;
  background:rgba(255,255,255,.018)!important;
}
.home-page .home-hero-benefits article:last-child{border-right:0!important}
.home-page .home-hero-benefits article:hover{
  background:rgba(116,91,255,.10)!important;
}
.home-page .home-hero-benefits .hero-benefit-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
.home-page .home-hero-benefits article b{
  margin:0!important;
  font-size:8px!important;
  line-height:1!important;
  color:#9c84ff!important;
}
.home-page .home-hero-benefits article strong{
  font-size:10px!important;
  line-height:1.25!important;
  color:#fff!important;
  white-space:nowrap!important;
}
.home-page .home-hero-benefits article>span:last-child{
  font-size:8px!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.50)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

@media(max-width:760px){
  .home-page .home-hero-panel{
    grid-template-columns:1fr 1fr!important;
    min-height:220px!important;
  }
  .home-page .home-hero-main{
    min-height:220px!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    min-height:66px!important;
    padding:10px 11px 8px!important;
  }
  .home-page .home-hero-event .home-hero-label{font-size:8px!important;margin-bottom:2px!important}
  .home-page .home-hero-event h2{font-size:9px!important;margin-bottom:2px!important}
  .home-page .home-hero-event>strong{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  .home-page .home-hero-benefits{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    min-height:154px!important;
  }
  .home-page .home-hero-benefits article{
    min-height:77px!important;
    padding:8px 8px!important;
    border-right:1px solid rgba(160,130,255,.16)!important;
    border-bottom:1px solid rgba(160,130,255,.16)!important;
  }
  .home-page .home-hero-benefits article:nth-child(2n){border-right:0!important}
  .home-page .home-hero-benefits article:nth-child(n+3){border-bottom:0!important}
  .home-page .home-hero-benefits .hero-benefit-icon{width:18px!important;height:18px!important}
  .home-page .home-hero-benefits article strong{font-size:8px!important}
  .home-page .home-hero-benefits article>span:last-child{display:none!important}
}


/* EVENTS panel — left event block, benefits arranged horizontally on the right */
.home-page .home-hero-main{
  display:grid!important;
  grid-template-columns:minmax(270px,.92fr) minmax(0,2.08fr)!important;
  flex-direction:initial!important;
}
.home-page .home-hero-main>.home-hero-event{
  min-height:154px!important;
  height:154px!important;
  padding:20px 25px!important;
  border-bottom:0!important;
  border-right:1px solid rgba(160,130,255,.22)!important;
  justify-content:center!important;
}
.home-page .home-hero-event .home-hero-label{
  font-size:11px!important;
  letter-spacing:3px!important;
  margin-bottom:8px!important;
}
.home-page .home-hero-event h2{
  font-size:17px!important;
  line-height:1.35!important;
  margin:0 0 7px!important;
}
.home-page .home-hero-event>strong{
  font-size:18px!important;
  line-height:1.3!important;
  letter-spacing:-.45px!important;
}
.home-page .home-hero-benefits{
  height:154px!important;
  min-height:154px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.home-page .home-hero-benefits article{
  height:154px!important;
  min-height:154px!important;
  padding:18px 13px!important;
  align-items:center!important;
  text-align:center!important;
  justify-content:center!important;
}
.home-page .home-hero-benefits .hero-benefit-icon{
  width:26px!important;
  height:26px!important;
  margin-bottom:3px!important;
}
.home-page .home-hero-benefits article b{
  font-size:9px!important;
}
.home-page .home-hero-benefits article strong{
  font-size:12px!important;
  line-height:1.35!important;
}
.home-page .home-hero-benefits article>span:last-child{
  font-size:9px!important;
  line-height:1.35!important;
}
@media(max-width:760px){
  .home-page .home-hero-main{
    display:flex!important;
    flex-direction:column!important;
    min-height:220px!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    height:auto!important;
    min-height:66px!important;
    padding:10px 11px 8px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(160,130,255,.18)!important;
  }
  .home-page .home-hero-event .home-hero-label{font-size:8px!important;margin-bottom:2px!important}
  .home-page .home-hero-event h2{font-size:10px!important;margin-bottom:2px!important}
  .home-page .home-hero-event>strong{font-size:12px!important}
  .home-page .home-hero-benefits{
    height:154px!important;
    min-height:154px!important;
    grid-template-columns:1fr 1fr!important;
  }
  .home-page .home-hero-benefits article{
    height:77px!important;
    min-height:77px!important;
    padding:8px!important;
  }
  .home-page .home-hero-benefits article strong{font-size:8px!important}
}


/* =========================================================
   HOME PANEL FINAL — INDEPENDENT EVENTS / REVIEWS CARDS
   2026-10-01
========================================================= */

/* Outer wrapper is only a layout container; the two sections are
   independent glass cards with a small visual gap. */
.home-page .home-hero-panel{
  width:min(1280px,calc(100% - 100px))!important;
  min-height:142px!important;
  bottom:18px!important;
  display:grid!important;
  grid-template-columns:6fr 4fr!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* EVENTS + 4 benefits = one independent left card. */
.home-page .home-hero-main{
  min-width:0!important;
  min-height:142px!important;
  height:142px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr)!important;
  align-items:stretch!important;
  border:1px solid rgba(126,104,255,.38)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(7,4,20,.88),rgba(20,9,43,.72))!important;
  box-shadow:0 15px 38px rgba(0,0,0,.40),0 0 24px rgba(80,56,214,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}

/* Reduce top empty space in EVENTS and keep the copy visually centered. */
.home-page .home-hero-main>.home-hero-event{
  min-width:0!important;
  min-height:142px!important;
  height:142px!important;
  padding:10px 20px!important;
  justify-content:center!important;
  border:0!important;
  border-right:1px solid rgba(160,130,255,.20)!important;
  background:transparent!important;
}

.home-page .home-hero-event .home-hero-label{
  margin:0 0 4px!important;
  font-size:10px!important;
  line-height:1.1!important;
  letter-spacing:2.5px!important;
}

.home-page .home-hero-event h2{
  margin:0 0 5px!important;
  font-size:16px!important;
  line-height:1.25!important;
  letter-spacing:-.55px!important;
}

.home-page .home-hero-event>strong{
  margin:0!important;
  font-size:16px!important;
  line-height:1.3!important;
  letter-spacing:-.4px!important;
  white-space:nowrap!important;
}

/* Four benefit cells: keep them horizontal, but allow descriptions to wrap
   so the complete Korean copy is visible instead of being clipped. */
.home-page .home-hero-benefits{
  min-width:0!important;
  height:142px!important;
  min-height:142px!important;
  padding:7px 5px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  border:0!important;
  background:transparent!important;
}

.home-page .home-hero-benefits article{
  min-width:0!important;
  min-height:128px!important;
  height:128px!important;
  padding:10px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:center!important;
  border:0!important;
  border-right:1px solid rgba(160,130,255,.14)!important;
  background:rgba(255,255,255,.012)!important;
}

.home-page .home-hero-benefits article:last-child{
  border-right:0!important;
}

.home-page .home-hero-benefits .hero-benefit-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  margin:0 0 2px!important;
  flex:0 0 24px!important;
}

.home-page .home-hero-benefits article b{
  display:block!important;
  margin:0!important;
  font-size:8px!important;
  line-height:1!important;
  color:#9c84ff!important;
}

.home-page .home-hero-benefits article strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.3!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.home-page .home-hero-benefits article>span:last-child{
  display:block!important;
  max-width:100%!important;
  margin:1px 0 0!important;
  font-size:8px!important;
  line-height:1.4!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:rgba(255,255,255,.58)!important;
}

/* REVIEWS = completely independent right card. */
.home-page .home-hero-reviews{
  min-width:0!important;
  min-height:142px!important;
  height:142px!important;
  padding:15px 18px!important;
  border:1px solid rgba(126,104,255,.38)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(7,4,20,.88),rgba(20,9,43,.72))!important;
  box-shadow:0 15px 38px rgba(0,0,0,.40),0 0 24px rgba(80,56,214,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.home-page .home-hero-reviews .home-hero-review-head{
  min-width:0!important;
  grid-template-columns:minmax(105px,.72fr) minmax(0,1.28fr)!important;
  gap:12px!important;
}

.home-page .home-hero-review-head>div:first-child strong{
  font-size:13px!important;
  line-height:1.45!important;
}

.home-page .home-hero-review-list{
  min-width:0!important;
}

.home-page .home-hero-review-list p{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
  font-size:9px!important;
  line-height:1.45!important;
}

.home-page .home-hero-review-list small{
  font-size:7px!important;
}

/* Mobile: keep the two cards independent and stack them vertically.
   Benefits remain visible as four 2x2 items. */
@media(max-width:760px){
  .home-page .home-hero-panel{
    width:calc(100% - 24px)!important;
    bottom:10px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
  }

  .home-page .home-hero-main{
    width:100%!important;
    height:auto!important;
    min-height:210px!important;
    grid-template-columns:1fr!important;
    border-radius:14px!important;
  }

  .home-page .home-hero-main>.home-hero-event{
    min-height:64px!important;
    height:64px!important;
    padding:8px 12px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(160,130,255,.18)!important;
  }

  .home-page .home-hero-event .home-hero-label{
    margin-bottom:2px!important;
    font-size:8px!important;
  }

  .home-page .home-hero-event h2{
    margin-bottom:2px!important;
    font-size:10px!important;
  }

  .home-page .home-hero-event>strong{
    font-size:12px!important;
  }

  .home-page .home-hero-benefits{
    width:100%!important;
    height:146px!important;
    min-height:146px!important;
    padding:0!important;
    grid-template-columns:1fr 1fr!important;
  }

  .home-page .home-hero-benefits article{
    height:73px!important;
    min-height:73px!important;
    padding:6px 7px!important;
    border-right:1px solid rgba(160,130,255,.14)!important;
    border-bottom:1px solid rgba(160,130,255,.14)!important;
  }

  .home-page .home-hero-benefits article:nth-child(2n){
    border-right:0!important;
  }

  .home-page .home-hero-benefits article:nth-child(n+3){
    border-bottom:0!important;
  }

  .home-page .home-hero-benefits .hero-benefit-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
  }

  .home-page .home-hero-benefits article strong{
    font-size:8px!important;
    line-height:1.25!important;
  }

  .home-page .home-hero-benefits article>span:last-child{
    font-size:7px!important;
    line-height:1.3!important;
  }

  .home-page .home-hero-reviews{
    width:100%!important;
    height:auto!important;
    min-height:112px!important;
    padding:11px 12px!important;
    border-radius:14px!important;
  }

  .home-page .home-hero-reviews .home-hero-review-head{
    grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)!important;
    gap:8px!important;
  }

  .home-page .home-hero-review-head>div:first-child strong{
    font-size:10px!important;
  }

  .home-page .home-hero-review-list article{
    padding:4px 0!important;
  }

  .home-page .home-hero-review-list p{
    font-size:8px!important;
  }
}


/* =========================================================
   MOBILE HOMEPAGE UX PASS — mobile only
   PC layout is intentionally untouched (max-width:760px).
========================================================= */
@media (max-width:760px){

  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  /* Header: compact, thumb-friendly, no crowding. */
  .home-page .top-notice{
    height:26px!important;
    min-height:26px!important;
    padding:0 10px!important;
    font-size:9px!important;
    letter-spacing:0!important;
    line-height:1!important;
    text-align:center!important;
  }
  .home-page .header{
    height:58px!important;
    min-height:58px!important;
    padding:0 10px!important;
    gap:6px!important;
  }
  .home-page .header.home-scrolled{
    background:rgba(5,4,13,.96)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    border-bottom-color:rgba(166,137,255,.18)!important;
  }
  .home-page .logo{
    flex:0 0 82px!important;
    width:82px!important;
    min-width:82px!important;
    height:46px!important;
  }
  .home-page .logo-image{
    width:78px!important;
    height:44px!important;
  }
  .home-page .header-actions{
    margin-left:auto!important;
    margin-right:0!important;
    gap:4px!important;
  }
  .home-page .header-actions .header-login,
  .home-page .header-actions .header-signup{
    height:29px!important;
    min-height:29px!important;
    padding:0 8px!important;
    border-radius:8px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .home-page .mobile-menu-btn{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    margin-left:1px!important;
    border-radius:9px!important;
    font-size:19px!important;
    border-color:rgba(181,156,255,.28)!important;
    background:rgba(10,8,20,.78)!important;
  }

  /* Mobile drawer: cleaner spacing and easier tapping. */
  .home-page .mobile-menu{
    top:58px!important;
    left:8px!important;
    right:8px!important;
    border:1px solid rgba(151,122,255,.24)!important;
    border-top:0!important;
    border-radius:0 0 16px 16px!important;
    background:rgba(8,6,18,.98)!important;
    box-shadow:0 22px 50px rgba(0,0,0,.48)!important;
    overflow:hidden!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .home-page .mobile-menu>a{
    min-height:46px!important;
    padding:0 17px!important;
    font-size:13px!important;
    border-bottom-color:rgba(255,255,255,.07)!important;
  }
  .home-page .mobile-menu .mobile-kakao{
    min-height:50px!important;
    font-weight:900!important;
  }

  /* Hero: use the existing portrait asset edge-to-edge without changing PC. */
  .home-page .lt-hero{
    min-height:calc(100svh - 26px)!important;
    height:calc(100svh - 26px)!important;
    max-height:none!important;
    isolation:isolate!important;
  }
  .home-page .lt-hero-bg,
  .home-page .lt-hero-bg picture{
    width:100%!important;
    height:100%!important;
    inset:0!important;
  }
  .home-page .lt-hero-bg picture img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  .home-page .lt-hero-overlay{
    background:
      linear-gradient(180deg,rgba(5,3,14,.28) 0%,rgba(7,4,18,.20) 31%,rgba(8,4,18,.62) 60%,rgba(6,3,14,.94) 100%)!important;
  }
  .home-page .lt-hero-brand{
    width:155px!important;
    max-width:42vw!important;
    left:50%!important;
    top:38%!important;
    transform:translate(-50%,-50%)!important;
    z-index:2!important;
  }
  .home-page .lt-hero-brand img{
    width:100%!important;
    height:auto!important;
    opacity:.9!important;
    filter:
      brightness(1.08) contrast(1.08) saturate(1.15)
      drop-shadow(0 0 5px rgba(209,178,255,.38))
      drop-shadow(0 0 18px rgba(107,78,255,.42))!important;
  }
  .home-page .lt-hero-content{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:92px 18px 372px!important;
    justify-content:flex-start!important;
    text-align:center!important;
  }
  .home-page .lt-hero-badge{
    max-width:100%!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }
  .home-page .lt-hero-kicker{
    margin:12px 0 7px!important;
    font-size:9px!important;
    letter-spacing:4px!important;
  }
  .home-page .lt-hero h1{
    width:100%!important;
    max-width:330px!important;
    margin:0 auto!important;
    font-size:clamp(30px,9.4vw,40px)!important;
    line-height:1.16!important;
    letter-spacing:-2px!important;
  }
  .home-page .lt-hero-content>p:not(.lt-hero-kicker){
    max-width:300px!important;
    margin:15px auto 20px!important;
    font-size:11px!important;
    line-height:1.7!important;
  }
  .home-page .lt-hero-btn{
    width:min(100%,210px)!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }

  /* Hero bottom cards: readable 2x2 benefits + independent review card. */
  .home-page .home-hero-panel{
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    width:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    min-height:0!important;
  }
  .home-page .home-hero-main{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    border-radius:13px!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    width:100%!important;
    height:auto!important;
    min-height:61px!important;
    padding:9px 12px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(160,130,255,.18)!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .home-page .home-hero-event .home-hero-label{
    margin:0 0 3px!important;
    font-size:8px!important;
    letter-spacing:2.4px!important;
  }
  .home-page .home-hero-event h2{
    margin:0 0 2px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  .home-page .home-hero-event>strong{
    font-size:12px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }
  .home-page .home-hero-benefits{
    width:100%!important;
    height:auto!important;
    min-height:136px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .home-page .home-hero-benefits article{
    width:auto!important;
    height:68px!important;
    min-height:68px!important;
    padding:7px 6px!important;
    gap:2px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border-right:1px solid rgba(160,130,255,.14)!important;
    border-bottom:1px solid rgba(160,130,255,.14)!important;
  }
  .home-page .home-hero-benefits article:nth-child(2n){border-right:0!important}
  .home-page .home-hero-benefits article:nth-child(n+3){border-bottom:0!important}
  .home-page .home-hero-benefits .hero-benefit-icon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
    margin:0!important;
  }
  .home-page .home-hero-benefits article b{
    font-size:7px!important;
  }
  .home-page .home-hero-benefits article strong{
    max-width:100%!important;
    font-size:8px!important;
    line-height:1.25!important;
    word-break:keep-all!important;
  }
  .home-page .home-hero-benefits article>span:last-child{
    display:block!important;
    max-width:100%!important;
    font-size:7px!important;
    line-height:1.25!important;
    word-break:keep-all!important;
    white-space:normal!important;
    color:rgba(255,255,255,.58)!important;
  }

  .home-page .home-hero-reviews{
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    display:flex!important;
    justify-content:center!important;
  }
  .home-page .home-hero-reviews>.home-hero-label{
    margin:0 0 2px!important;
    font-size:7px!important;
    letter-spacing:2px!important;
  }
  .home-page .home-hero-reviews .home-hero-review-head{
    width:100%!important;
    height:55px!important;
    min-height:55px!important;
    max-height:55px!important;
    grid-template-columns:minmax(94px,.8fr) minmax(0,1.2fr)!important;
    gap:7px!important;
    align-items:center!important;
  }
  .home-page .home-hero-review-head>div:first-child{
    height:55px!important;
    min-height:55px!important;
    max-height:55px!important;
    justify-content:center!important;
  }
  .home-page .home-hero-review-head>div:first-child>div:first-child strong{
    font-size:10px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
  }
  .home-page .home-hero-review-head>div:first-child a{
    margin-top:4px!important;
    padding:4px 7px!important;
    border-radius:7px!important;
    font-size:7px!important;
  }
  .home-page .home-hero-review-list{
    height:55px!important;
    min-height:55px!important;
    max-height:55px!important;
    gap:4px!important;
    justify-content:center!important;
  }
  .home-page .home-hero-review-list article{
    flex:0 0 25px!important;
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
    padding:3px 6px!important;
    border-radius:7px!important;
  }
  .home-page .home-hero-review-list article p{
    margin:0!important;
    font-size:7px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home-page .home-hero-review-list article small{
    display:none!important;
  }
  .home-page .home-hero-review-list article:nth-child(n+2){
    display:none!important;
  }

  /* Event/benefit sections below hero. */
  .home-page .lt-event{
    padding:56px 18px 28px!important;
  }
  .home-page .lt-event-head p{
    margin-bottom:10px!important;
    font-size:9px!important;
    letter-spacing:3.5px!important;
  }
  .home-page .lt-event-head h2{
    font-size:25px!important;
    line-height:1.5!important;
    letter-spacing:-1px!important;
  }
  .home-page .lt-event-line{
    display:block!important;
  }

  .home-page .lt-benefits{
    padding:18px 14px 62px!important;
  }
  .home-page .lt-benefit-grid{
    grid-template-columns:1fr 1fr!important;
    border-top:1px solid #e7e1ef!important;
    border-bottom:1px solid #e7e1ef!important;
  }
  .home-page .lt-benefit{
    min-height:184px!important;
    height:auto!important;
    padding:25px 12px 22px!important;
  }
  .home-page .lt-benefit:nth-child(odd){
    border-left:0!important;
  }
  .home-page .lt-benefit:nth-child(even){
    border-left:1px solid #e7e1ef!important;
  }
  .home-page .lt-benefit:nth-child(n+3){
    border-top:1px solid #e7e1ef!important;
  }
  .home-page .lt-benefit-number{
    margin-bottom:12px!important;
    font-size:9px!important;
    letter-spacing:2.5px!important;
  }
  .home-page .lt-benefit h3{
    font-size:17px!important;
    line-height:1.3!important;
    letter-spacing:-.6px!important;
    word-break:keep-all!important;
  }
  .home-page .lt-benefit-sub{
    margin:12px 0 8px!important;
    font-size:10px!important;
    line-height:1.6!important;
    word-break:keep-all!important;
  }
  .home-page .lt-benefit>p:last-child{
    font-size:9px!important;
    line-height:1.65!important;
    word-break:keep-all!important;
  }

  .home-page .lt-closing{
    padding:62px 18px 74px!important;
  }
  .home-page .lt-closing p{
    margin-bottom:11px!important;
    font-size:9px!important;
    letter-spacing:3.5px!important;
  }
  .home-page .lt-closing h2{
    font-size:27px!important;
    line-height:1.4!important;
    letter-spacing:-1.1px!important;
  }

  /* Prevent mobile tap/hover states from looking like desktop interactions. */
  .home-page a,
  .home-page button{
    -webkit-tap-highlight-color:transparent;
  }
}


/* MOBILE HOMEPAGE — force-remove center hero logo + center compact CTA */
@media (max-width:760px){
  .home-page .lt-hero-brand,
  .home-page .lt-hero-brand img{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .home-page .lt-hero-content .lt-hero-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:16px auto 0!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
    font-size:10px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
}


/* MOBILE HOMEPAGE — remove bottom gap under hero background */
@media (max-width:760px){
  .home-page .lt-hero{
    overflow:hidden!important;
    position:relative!important;
    margin-bottom:0!important;
  }
  .home-page .lt-hero-bg,
  .home-page .lt-hero-bg picture{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  .home-page .lt-hero-bg picture img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}


/* MOBILE HOMEPAGE — extend hero +70px and keep lower panel below CTA */
@media (max-width:760px){
  .home-page .lt-hero{
    min-height:calc(100svh - 26px + 70px)!important;
    height:calc(100svh - 26px + 70px)!important;
    max-height:none!important;
  }
  .home-page .home-hero-panel{
    bottom:35px!important;
  }
}


/* MOBILE HOMEPAGE — review panel: show 2 reviews safely without overflow */
@media (max-width:760px){
  .home-page .home-hero-reviews{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .home-page .home-hero-reviews > .home-hero-label{
    margin-bottom:5px!important;
  }
  .home-page .home-hero-reviews .home-hero-review-head{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    grid-template-columns:minmax(94px,.78fr) minmax(0,1.22fr)!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-review-head > div:first-child{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-review-head > div:first-child > div:first-child strong{
    font-size:10px!important;
    line-height:1.4!important;
    white-space:nowrap!important;
  }
  .home-page .home-hero-review-list{
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-review-list article,
  .home-page .home-hero-review-list article:nth-child(n+2){
    display:block!important;
    flex:0 0 36px!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:6px 8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border-radius:8px!important;
  }
  .home-page .home-hero-review-list article p{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:7px!important;
    line-height:1.4!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .home-page .home-hero-review-list article small{
    display:block!important;
    width:100%!important;
    margin-top:2px!important;
    font-size:6px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* MOBILE HOMEPAGE — move review cards up 7px */
@media (max-width:760px){
  .home-page .home-hero-review-list{
    transform:translateY(-7px)!important;
  }
}


/* MOBILE HOMEPAGE — prevent review panel top clipping */
@media (max-width:760px){
  .home-page .home-hero-reviews{
    overflow:visible!important;
  }
  .home-page .home-hero-review-head,
  .home-page .home-hero-review-list{
    overflow:visible!important;
  }
  .home-page .home-hero-review-list{
    transform:translateY(-7px)!important;
  }
  .home-page .home-hero-review-list article{
    overflow:hidden!important;
  }
}


/* MOBILE HOMEPAGE — review panel vertical clearance + quote-safe review text */
@media (max-width:760px){
  .home-page .home-hero-reviews{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    box-sizing:border-box!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }

  .home-page .home-hero-reviews > .home-hero-label{
    flex:0 0 auto!important;
    height:10px!important;
    min-height:10px!important;
    margin:0 0 4px!important;
    line-height:10px!important;
  }

  .home-page .home-hero-reviews .home-hero-review-head{
    width:100%!important;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
    grid-template-columns:minmax(94px,.78fr) minmax(0,1.22fr)!important;
    gap:8px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .home-page .home-hero-review-head > div:first-child{
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
    overflow:visible!important;
  }

  .home-page .home-hero-review-list{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:visible!important;
    transform:none!important;
  }

  .home-page .home-hero-review-list article,
  .home-page .home-hero-review-list article:nth-child(n+2){
    display:block!important;
    position:relative!important;
    flex:0 0 40px!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    box-sizing:border-box!important;
    padding:6px 32px 5px 8px!important;
    overflow:hidden!important;
    border-radius:8px!important;
  }

  .home-page .home-hero-review-list article::before{
    top:5px!important;
    right:9px!important;
    font-size:28px!important;
    line-height:1!important;
    z-index:0!important;
    pointer-events:none!important;
  }

  .home-page .home-hero-review-list article p{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:7px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .home-page .home-hero-review-list article small{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:2px!important;
    font-size:6px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* HERO TITLE — subtle dark outline for stronger readability */
.home-page .lt-hero h1{
  text-shadow:0 8px 24px rgba(0,0,0,.34)!important;
}
.home-page .lt-hero h1 span{
  -webkit-text-stroke:0!important;
  paint-order:normal!important;
  filter:
    drop-shadow(-0.5px -0.5px 0 rgba(0,0,0,.68))
    drop-shadow(0.5px -0.5px 0 rgba(0,0,0,.68))
    drop-shadow(-0.5px 0.5px 0 rgba(0,0,0,.68))
    drop-shadow(0.5px 0.5px 0 rgba(0,0,0,.68))!important;
}


/* PC HOMEPAGE — expand hero event/review panel for readability */
@media (min-width:901px){
  .home-page .home-hero-panel{
    width:min(1320px,calc(100% - 56px))!important;
    min-height:190px!important;
    bottom:26px!important;
    border-radius:20px!important;
  }
  .home-page .home-hero-main{
    min-height:190px!important;
    grid-template-columns:minmax(280px,.92fr) minmax(0,1.65fr)!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    min-height:190px!important;
    padding:28px 32px!important;
  }
  .home-page .home-hero-event .home-hero-label{
    font-size:11px!important;
    letter-spacing:4.5px!important;
    margin-bottom:12px!important;
  }
  .home-page .home-hero-event h2{
    font-size:18px!important;
    line-height:1.45!important;
    margin-bottom:11px!important;
    letter-spacing:-.7px!important;
  }
  .home-page .home-hero-event>strong{
    font-size:22px!important;
    line-height:1.45!important;
    letter-spacing:-.7px!important;
  }
  .home-page .home-hero-benefits{
    padding:20px 28px!important;
  }
  .home-page .home-hero-benefits article{
    min-height:37px!important;
    padding:7px 0!important;
    grid-template-columns:24px 34px minmax(130px,1fr) auto!important;
    column-gap:9px!important;
  }
  .home-page .home-hero-benefits .hero-benefit-icon{
    width:22px!important;
    height:22px!important;
  }
  .home-page .home-hero-benefits article b{
    font-size:10px!important;
  }
  .home-page .home-hero-benefits article strong{
    font-size:13px!important;
    line-height:1.5!important;
  }
  .home-page .home-hero-benefits article>span:last-child{
    font-size:10.5px!important;
    line-height:1.5!important;
    color:rgba(255,255,255,.64)!important;
  }
  .home-page .home-hero-reviews{
    min-height:190px!important;
    padding:26px 28px!important;
  }
  .home-page .home-hero-reviews>.home-hero-label{
    font-size:11px!important;
    letter-spacing:4.5px!important;
    margin-bottom:12px!important;
  }
  .home-page .home-hero-review-head{
    grid-template-columns:minmax(155px,.8fr) minmax(0,1.2fr)!important;
    gap:22px!important;
  }
  .home-page .home-hero-review-head>div:first-child strong{
    font-size:15px!important;
    line-height:1.65!important;
  }
  .home-page .home-hero-reviews a{
    margin-top:16px!important;
    font-size:11px!important;
  }
  .home-page .home-hero-review-list{
    gap:9px!important;
  }
  .home-page .home-hero-review-list article{
    padding:9px 0!important;
  }
  .home-page .home-hero-review-list p{
    font-size:11px!important;
    line-height:1.55!important;
    color:rgba(255,255,255,.88)!important;
  }
  .home-page .home-hero-review-list small{
    font-size:9px!important;
    color:rgba(255,255,255,.48)!important;
  }
}


/* PC HOMEPAGE — keep event headline fully inside its panel */
@media (min-width:901px){
  .home-page .home-hero-main{
    grid-template-columns:minmax(330px,.95fr) minmax(0,1.55fr)!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    padding:28px 30px!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-event h2,
  .home-page .home-hero-event>strong{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:keep-all!important;
    word-break:keep-all!important;
  }
  .home-page .home-hero-event>strong{
    font-size:20px!important;
    line-height:1.5!important;
    letter-spacing:-.8px!important;
  }
}


/* PC HOMEPAGE — final event headline fit */
@media (min-width:901px){
  .home-page .home-hero-main{
    grid-template-columns:minmax(390px,1.05fr) minmax(0,1.45fr)!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    min-width:0!important;
    padding:28px 26px!important;
  }
  .home-page .home-hero-event>strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.55!important;
    letter-spacing:-.6px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
}

/* PC HOMEPAGE — prevent event headline clipping */
@media (min-width:901px){
  .home-page .home-hero-main{
    grid-template-columns:minmax(430px,1.15fr) minmax(0,1.35fr)!important;
  }
  .home-page .home-hero-main>.home-hero-event{
    box-sizing:border-box!important;
    min-width:0!important;
    overflow:visible!important;
    padding:28px 24px!important;
  }
  .home-page .home-hero-event h2{
    max-width:100%!important;
    white-space:nowrap!important;
    font-size:17px!important;
    letter-spacing:-.8px!important;
  }
  .home-page .home-hero-event>strong{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:unset!important;
    overflow-wrap:anywhere!important;
    word-break:keep-all!important;
    font-size:18px!important;
    line-height:1.5!important;
    letter-spacing:-.6px!important;
  }
}


/* PC HOMEPAGE — readability pass for hero EVENTS / BENEFITS / REVIEWS panel */
@media (min-width:901px){
  .home-page .home-hero-panel{
    width:min(1320px,calc(100% - 64px))!important;
    min-height:178px!important;
    height:178px!important;
    max-height:178px!important;
    bottom:28px!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;
    overflow:hidden!important;
  }

  .home-page .home-hero-main{
    min-width:0!important;
    min-height:178px!important;
    height:178px!important;
    grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)!important;
    border-right:1px solid rgba(160,130,255,.28)!important;
  }

  /* Events */
  .home-page .home-hero-main>.home-hero-event{
    min-width:0!important;
    min-height:178px!important;
    height:178px!important;
    box-sizing:border-box!important;
    padding:24px 28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-event .home-hero-label{
    margin:0 0 10px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:3.5px!important;
  }
  .home-page .home-hero-event h2{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 8px!important;
    font-size:16px!important;
    line-height:1.4!important;
    letter-spacing:-.5px!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow:visible!important;
  }
  .home-page .home-hero-event>strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.45!important;
    letter-spacing:-.7px!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow:visible!important;
    text-overflow:unset!important;
  }

  /* Benefits */
  .home-page .home-hero-benefits{
    min-width:0!important;
    min-height:178px!important;
    height:178px!important;
    box-sizing:border-box!important;
    padding:18px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-benefits article{
    min-width:0!important;
    min-height:35px!important;
    height:35px!important;
    padding:5px 0!important;
    box-sizing:border-box!important;
    grid-template-columns:22px 28px minmax(120px,1fr) minmax(0,1fr)!important;
    column-gap:7px!important;
    align-items:center!important;
  }
  .home-page .home-hero-benefits .hero-benefit-icon{
    width:20px!important;
    height:20px!important;
  }
  .home-page .home-hero-benefits article b{
    font-size:9px!important;
    line-height:1!important;
  }
  .home-page .home-hero-benefits article strong{
    min-width:0!important;
    font-size:12px!important;
    line-height:1.3!important;
    letter-spacing:-.35px!important;
    white-space:nowrap!important;
  }
  .home-page .home-hero-benefits article>span:last-child{
    min-width:0!important;
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Reviews */
  .home-page .home-hero-reviews{
    min-width:0!important;
    min-height:178px!important;
    height:178px!important;
    box-sizing:border-box!important;
    padding:22px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-reviews>.home-hero-label{
    flex:0 0 auto!important;
    margin:0 0 9px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:3.5px!important;
  }
  .home-page .home-hero-review-head{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(135px,.82fr) minmax(0,1.18fr)!important;
    gap:16px!important;
    align-items:center!important;
  }
  .home-page .home-hero-review-head>div:first-child{
    min-width:0!important;
  }
  .home-page .home-hero-review-head>div:first-child strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.5!important;
    letter-spacing:-.4px!important;
  }
  .home-page .home-hero-reviews a{
    display:inline-flex!important;
    margin-top:10px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .home-page .home-hero-review-list{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    overflow:hidden!important;
  }
  .home-page .home-hero-review-list article{
    min-width:0!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
    padding:7px 10px!important;
    overflow:hidden!important;
    border-radius:8px!important;
  }
  .home-page .home-hero-review-list article p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0!important;
    font-size:9.5px!important;
    line-height:1.4!important;
    letter-spacing:-.2px!important;
  }
  .home-page .home-hero-review-list article small{
    display:block!important;
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* PC HOMEPAGE — four benefit items in one horizontal row */
@media (min-width:901px){
  .home-page .home-hero-benefits{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    align-items:stretch!important;
    justify-content:initial!important;
    gap:0!important;
    padding:18px 18px!important;
  }
  .home-page .home-hero-benefits article{
    min-width:0!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    padding:8px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:5px!important;
    border-right:1px solid rgba(160,130,255,.18)!important;
  }
  .home-page .home-hero-benefits article:last-child{
    border-right:0!important;
  }
  .home-page .home-hero-benefits .hero-benefit-icon{
    flex:0 0 auto!important;
    width:20px!important;
    height:20px!important;
    margin-bottom:1px!important;
  }
  .home-page .home-hero-benefits article b{
    display:block!important;
    font-size:8px!important;
    line-height:1!important;
  }
  .home-page .home-hero-benefits article strong{
    display:block!important;
    width:100%!important;
    font-size:11px!important;
    line-height:1.35!important;
    white-space:normal!important;
    word-break:keep-all!important;
  }
  .home-page .home-hero-benefits article>span:last-child{
    display:block!important;
    width:100%!important;
    font-size:8px!important;
    line-height:1.4!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow:visible!important;
    text-overflow:unset!important;
  }
}


/* =====================================================
   MOBILE HEADER - LOGO / MEMBER LINK CLEANUP
   PC layout remains unchanged.
===================================================== */
@media(max-width:760px){
  .header .logo{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    height:48px!important;
    margin-left:4px!important;
  }

  .header .logo-image{
    width:108px!important;
    height:46px!important;
    object-position:center!important;
  }

  /* 로그인/회원정보는 모바일 상단 헤더에서만 표시 */
  .mobile-menu #mobileOpenAuth{
    display:none!important;
  }

  /* 홈의 기존 모바일 로고 비율은 유지 */
  .home-page .header .logo{
    flex-basis:82px!important;
    width:82px!important;
    min-width:82px!important;
    margin-left:0!important;
  }

  .home-page .header .logo-image{
    width:78px!important;
    height:44px!important;
  }
}

/* =====================================================
   HOME HEADER AUTH STATE
   로그인 후 회원정보 버튼은 1개만 표시
   (홈 전용 기존 버튼 스타일보다 우선 적용)
===================================================== */
.home-page .header-actions a.header-signup[style*="display: none"]{
  display:none!important;
}

.home-page .header-actions a.header-login[style*="display: none"]{
  display:none!important;
}


/* SUBPAGE MOBILE HEADER MENU — vertically center the button */
@media(max-width:760px){
  body.lt-notice-page .mobile-menu-btn,
  body.lt-faq-page .mobile-menu-btn,
  body.lt-pricing-page .mobile-menu-btn,
  body.lt-works-page .mobile-menu-btn,
  body.lt-reviews-page .mobile-menu-btn{
    top:50%!important;
    right:12px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    padding:0!important;
    font-size:0!important;
    line-height:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.lt-notice-page .mobile-menu-btn::before,
  body.lt-faq-page .mobile-menu-btn::before,
  body.lt-pricing-page .mobile-menu-btn::before,
  body.lt-works-page .mobile-menu-btn::before,
  body.lt-reviews-page .mobile-menu-btn::before{
    content:"☰";
    display:block;
    font-family:Arial,"Noto Sans KR",sans-serif;
    font-size:24px;
    line-height:1;
    height:24px;
    transform:translateY(-2px);
  }
}



/* MOBILE HEADER LOGO — visible edge alignment */
@media(max-width:760px){
  .header .logo-image{transform:translateX(-12px)!important;}
}


/* PC 서브페이지: 초기에는 배경이 헤더까지 이어지고, 스크롤 시 블러 고정 헤더 */
@media(min-width:761px){
  body.lt-notice-page .header,
  body.lt-faq-page .header,
  body.lt-pricing-page .header,
  body.lt-works-page .header,
  body.lt-reviews-page .header{
    position:sticky!important;
    top:0!important;
    background:transparent!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease;
  }
  body.lt-notice-page .header.page-scrolled,
  body.lt-faq-page .header.page-scrolled,
  body.lt-pricing-page .header.page-scrolled,
  body.lt-works-page .header.page-scrolled,
  body.lt-reviews-page .header.page-scrolled{
    background:rgba(7,7,10,.72)!important;
    border-bottom-color:rgba(255,255,255,.12)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
}


/* PC 서브페이지 헤더 아래 흰색/점선 디바이더 제거 */
@media(min-width:761px){
  body.lt-notice-page .page-divider,
  body.lt-faq-page .page-divider,
  body.lt-pricing-page .page-divider,
  body.lt-works-page .page-divider,
  body.lt-reviews-page .page-divider{
    display:none!important;
    border:0!important;
    height:0!important;
  }
}


/* PC 서브페이지 헤더 최종 정리: 경계선 제거 + 스크롤 시 콘텐츠 비침 방지 */
@media(min-width:761px){
  body.lt-notice-page .header,
  body.lt-faq-page .header,
  body.lt-pricing-page .header,
  body.lt-works-page .header,
  body.lt-reviews-page .header{
    z-index:9999!important;
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
  }
  body.lt-notice-page .page-divider,
  body.lt-faq-page .page-divider,
  body.lt-pricing-page .page-divider,
  body.lt-works-page .page-divider,
  body.lt-reviews-page .page-divider{
    display:none!important;
    visibility:hidden!important;
    border:0!important;
    background:transparent!important;
  }
  body.lt-notice-page .header.page-scrolled,
  body.lt-faq-page .header.page-scrolled,
  body.lt-pricing-page .header.page-scrolled,
  body.lt-works-page .header.page-scrolled,
  body.lt-reviews-page .header.page-scrolled{
    background:rgba(7,7,10,.94)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
}


/* =========================================================
   HOMEPAGE — ROVE TEAM SIGNATURE SECTION
   ========================================================= */
.home-page .lt-signature{
  position:relative!important;
  overflow:hidden!important;
  padding:118px 32px 104px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(111,91,255,.18),transparent 30%),
    radial-gradient(circle at 88% 22%,rgba(190,71,255,.14),transparent 30%),
    linear-gradient(180deg,#090a12 0%,#0d0b18 52%,#090911 100%)!important;
}
.home-page .lt-signature::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.55!important;
  background:
    linear-gradient(90deg,transparent 0,transparent calc(50% - 560px),rgba(255,255,255,.055) calc(50% - 560px),rgba(255,255,255,.055) calc(50% - 559px),transparent calc(50% - 559px),transparent calc(50% + 559px),rgba(255,255,255,.055) calc(50% + 559px),rgba(255,255,255,.055) calc(50% + 560px),transparent calc(50% + 560px)),
    linear-gradient(180deg,transparent 0,rgba(255,255,255,.025) 50%,transparent 100%)!important;
}
.home-page .lt-signature-inner{
  position:relative!important;
  z-index:1!important;
  width:min(1180px,100%)!important;
  margin:0 auto!important;
}
.home-page .lt-signature-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:50px!important;
}
.home-page .lt-signature-kicker{
  margin:0 0 16px!important;
  color:#a88cff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:4px!important;
}
.home-page .lt-signature-head h2{
  margin:0!important;
  font-size:52px!important;
  line-height:1.12!important;
  letter-spacing:-2.5px!important;
  font-weight:900!important;
}
.home-page .lt-signature-head h2 span{
  background:linear-gradient(90deg,#8d7aff,#d06cff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.home-page .lt-signature-copy{
  margin:0 0 5px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:13px!important;
  line-height:1.85!important;
  letter-spacing:-.2px!important;
  text-align:right!important;
}
.home-page .lt-signature-line{
  width:100%!important;
  height:1px!important;
  margin:58px 0 0!important;
  background:linear-gradient(90deg,rgba(164,137,255,.65),rgba(255,255,255,.10),transparent)!important;
}
.home-page .lt-signature-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-top:0!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
}
.home-page .lt-signature-card{
  position:relative!important;
  min-height:275px!important;
  padding:28px 26px 24px!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  box-sizing:border-box!important;
  transition:transform .25s ease,background .25s ease,border-color .25s ease!important;
}
.home-page .lt-signature-card:hover{
  transform:translateY(-5px)!important;
  background:linear-gradient(180deg,rgba(145,117,255,.12),rgba(255,255,255,.025))!important;
  border-color:rgba(166,137,255,.28)!important;
}
.home-page .lt-signature-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:62px!important;
}
.home-page .lt-signature-top span{
  color:#9f8aff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}
.home-page .lt-signature-top b{
  color:rgba(255,255,255,.34)!important;
  font-size:9px!important;
  letter-spacing:2.5px!important;
}
.home-page .lt-signature-card h3{
  margin:0 0 13px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.4!important;
  letter-spacing:-.7px!important;
  word-break:keep-all!important;
}
.home-page .lt-signature-card p{
  margin:0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:11px!important;
  line-height:1.8!important;
  letter-spacing:-.2px!important;
  word-break:keep-all!important;
}
.home-page .lt-signature-mark{
  position:absolute!important;
  left:26px!important;
  bottom:23px!important;
  color:rgba(255,255,255,.22)!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:2px!important;
}
.home-page .lt-signature-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding-top:24px!important;
  color:rgba(255,255,255,.28)!important;
}
.home-page .lt-signature-bottom span{
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:4px!important;
}
.home-page .lt-signature-bottom strong{
  font-size:9px!important;
  letter-spacing:2.5px!important;
}

@media(max-width:760px){
  .home-page .lt-signature{
    padding:78px 18px 70px!important;
  }
  .home-page .lt-signature-head{
    display:block!important;
  }
  .home-page .lt-signature-kicker{
    margin-bottom:12px!important;
    font-size:8px!important;
    letter-spacing:3px!important;
  }
  .home-page .lt-signature-head h2{
    font-size:34px!important;
    line-height:1.18!important;
    letter-spacing:-1.7px!important;
  }
  .home-page .lt-signature-copy{
    margin:20px 0 0!important;
    font-size:10px!important;
    line-height:1.75!important;
    text-align:left!important;
  }
  .home-page .lt-signature-line{
    margin-top:36px!important;
  }
  .home-page .lt-signature-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .home-page .lt-signature-card{
    min-height:220px!important;
    padding:20px 15px 22px!important;
  }
  .home-page .lt-signature-card:hover{
    transform:none!important;
  }
  .home-page .lt-signature-top{
    margin-bottom:42px!important;
  }
  .home-page .lt-signature-top span{
    font-size:8px!important;
    letter-spacing:1.5px!important;
  }
  .home-page .lt-signature-top b{
    font-size:7px!important;
    letter-spacing:1.5px!important;
  }
  .home-page .lt-signature-card h3{
    margin-bottom:9px!important;
    font-size:14px!important;
    line-height:1.4!important;
  }
  .home-page .lt-signature-card p{
    font-size:9px!important;
    line-height:1.65!important;
  }
  .home-page .lt-signature-mark{
    left:15px!important;
    bottom:16px!important;
    font-size:7px!important;
    letter-spacing:1.5px!important;
  }
  .home-page .lt-signature-bottom{
    display:block!important;
    padding-top:20px!important;
  }
  .home-page .lt-signature-bottom span,
  .home-page .lt-signature-bottom strong{
    display:block!important;
    font-size:7px!important;
    letter-spacing:2px!important;
  }
  .home-page .lt-signature-bottom strong{
    margin-top:8px!important;
  }
}


/* HOMEPAGE — hero → signature visual bridge */
.home-page .lt-signature{
  margin-top:0!important;
  padding-top:132px!important;
  background:
    radial-gradient(ellipse 70% 42% at 50% 0%,rgba(142,88,255,.28) 0%,rgba(91,72,190,.14) 35%,transparent 72%),
    linear-gradient(180deg,#161124 0%,#0c0b15 24%,#0d0b18 58%,#090911 100%)!important;
}
.home-page .lt-signature::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:min(920px,78%)!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(177,139,255,.52),rgba(255,255,255,.22),rgba(177,139,255,.52),transparent)!important;
  box-shadow:0 0 28px rgba(139,93,255,.32)!important;
  pointer-events:none!important;
}
.home-page .lt-signature::before{
  opacity:.72!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(194,93,255,.13),transparent 38%),
    linear-gradient(90deg,transparent 0,transparent calc(50% - 560px),rgba(255,255,255,.045) calc(50% - 560px),rgba(255,255,255,.045) calc(50% - 559px),transparent calc(50% - 559px),transparent calc(50% + 559px),rgba(255,255,255,.045) calc(50% + 559px),rgba(255,255,255,.045) calc(50% + 560px),transparent calc(50% + 560px),transparent 100%),
    linear-gradient(180deg,transparent 0,rgba(255,255,255,.02) 50%,transparent 100%)!important;
}
.home-page .lt-signature-inner{
  position:relative!important;
}
.home-page .lt-signature-head,
.home-page .lt-signature-grid,
.home-page .lt-signature-bottom{
  position:relative!important;
}
@media(max-width:760px){
  .home-page .lt-signature{
    padding-top:92px!important;
    background:
      radial-gradient(ellipse 120% 28% at 50% 0%,rgba(142,88,255,.25) 0%,rgba(91,72,190,.12) 38%,transparent 72%),
      linear-gradient(180deg,#151023 0%,#0d0b16 25%,#090911 100%)!important;
  }
  .home-page .lt-signature::after{
    width:72%!important;
    box-shadow:0 0 18px rgba(139,93,255,.28)!important;
  }
}


/* HOMEPAGE — PLAYBOOK SECTION */
.home-page .lt-proof{
  position:relative!important;
  overflow:hidden!important;
  padding:112px 32px 118px!important;
  color:#fff!important;
  background:
    radial-gradient(ellipse 55% 60% at 84% 42%,rgba(143,83,255,.14),transparent 70%),
    linear-gradient(180deg,#090911 0%,#0b0a13 100%)!important;
}
.home-page .lt-proof::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:25% 100%!important;
  opacity:.35!important;
}
.home-page .lt-proof-inner{
  position:relative!important;
  z-index:1!important;
  width:min(1180px,100%)!important;
  margin:0 auto!important;
}
.home-page .lt-proof-head{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:end!important;
  gap:30px!important;
  padding-bottom:38px!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
}
.home-page .lt-proof-head p{
  margin:0 0 15px!important;
  color:#a58aff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:3.5px!important;
}
.home-page .lt-proof-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:46px!important;
  line-height:1.12!important;
  letter-spacing:-2px!important;
}
.home-page .lt-proof-head h2 span{
  color:#b68aff!important;
}
.home-page .lt-proof-head>span{
  color:rgba(255,255,255,.25)!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:2px!important;
}
.home-page .lt-proof-list{
  border-left:1px solid rgba(255,255,255,.1)!important;
}
.home-page .lt-proof-list article{
  display:grid!important;
  grid-template-columns:70px 1fr 130px!important;
  align-items:center!important;
  min-height:112px!important;
  padding:0 28px!important;
  border-right:1px solid rgba(255,255,255,.1)!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  transition:background .25s ease,padding .25s ease!important;
}
.home-page .lt-proof-list article:hover{
  padding-left:36px!important;
  background:linear-gradient(90deg,rgba(145,106,255,.11),rgba(145,106,255,.025),transparent)!important;
}
.home-page .lt-proof-index{
  color:#9b83ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
}
.home-page .lt-proof-list strong{
  display:block!important;
  margin-bottom:7px!important;
  color:#fff!important;
  font-size:17px!important;
  letter-spacing:-.5px!important;
}
.home-page .lt-proof-list p{
  margin:0!important;
  color:rgba(255,255,255,.43)!important;
  font-size:10px!important;
  line-height:1.7!important;
  word-break:keep-all!important;
}
.home-page .lt-proof-list article>b{
  color:rgba(255,255,255,.18)!important;
  font-size:9px!important;
  letter-spacing:2.5px!important;
  text-align:right!important;
}
@media(max-width:760px){
  .home-page .lt-proof{
    padding:78px 18px 82px!important;
  }
  .home-page .lt-proof-head{
    display:block!important;
    padding-bottom:28px!important;
  }
  .home-page .lt-proof-head p{
    margin-bottom:12px!important;
    font-size:8px!important;
  }
  .home-page .lt-proof-head h2{
    font-size:32px!important;
    letter-spacing:-1.5px!important;
  }
  .home-page .lt-proof-head>span{
    display:block!important;
    margin-top:15px!important;
    font-size:7px!important;
  }
  .home-page .lt-proof-list article{
    grid-template-columns:38px 1fr!important;
    min-height:104px!important;
    padding:0 14px!important;
  }
  .home-page .lt-proof-list article:hover{
    padding-left:14px!important;
  }
  .home-page .lt-proof-list article>b{
    display:none!important;
  }
  .home-page .lt-proof-list strong{
    font-size:14px!important;
    margin-bottom:6px!important;
  }
  .home-page .lt-proof-list p{
    font-size:9px!important;
    line-height:1.65!important;
  }
}


/* HOMEPAGE — BRAND CLOSING */
.home-page .lt-closing{
  position:relative!important;
  overflow:hidden!important;
  padding:130px 32px 82px!important;
  color:#fff!important;
  text-align:center!important;
  background:
    radial-gradient(ellipse 55% 70% at 50% 28%,rgba(145,83,255,.22),transparent 68%),
    linear-gradient(180deg,#090911 0%,#07070d 100%)!important;
}
.home-page .lt-closing::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 0,rgba(209,104,255,.1),transparent 25%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent)!important;
}
.home-page .lt-closing-inner{
  position:relative!important;
  z-index:1!important;
  width:min(760px,100%)!important;
  margin:0 auto!important;
}
.home-page .lt-closing-line{
  display:block!important;
  width:80px!important;
  height:2px!important;
  margin:0 auto 30px!important;
  background:linear-gradient(90deg,#8d72ff,#d26cff)!important;
  box-shadow:0 0 22px rgba(151,103,255,.5)!important;
}
.home-page .lt-closing-kicker{
  margin:0 0 20px!important;
  color:#a68cff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:4px!important;
}
.home-page .lt-closing h2{
  margin:0!important;
  color:#fff!important;
  font-size:50px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-2.5px!important;
}
.home-page .lt-closing h2 span{
  background:linear-gradient(90deg,#947dff,#d66cff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.home-page .lt-closing-copy{
  margin:25px 0 31px!important;
  color:rgba(255,255,255,.46)!important;
  font-size:12px!important;
  line-height:1.9!important;
  letter-spacing:-.2px!important;
}
.home-page .lt-closing-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  min-width:190px!important;
  height:48px!important;
  padding:0 22px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
  border:1px solid rgba(177,143,255,.55)!important;
  border-radius:999px!important;
  background:linear-gradient(100deg,rgba(126,95,255,.28),rgba(205,91,255,.2))!important;
  box-shadow:0 0 28px rgba(133,89,255,.12),inset 0 0 20px rgba(255,255,255,.03)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.home-page .lt-closing-btn:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(210,177,255,.9)!important;
  box-shadow:0 0 35px rgba(151,103,255,.28),inset 0 0 22px rgba(255,255,255,.05)!important;
}
.home-page .lt-closing-btn span{
  color:#c9a7ff!important;
  font-size:17px!important;
  line-height:1!important;
}
.home-page .lt-closing-sign{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-top:96px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.24)!important;
}
.home-page .lt-closing-sign span{
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:4px!important;
}
.home-page .lt-closing-sign b{
  font-size:8px!important;
  letter-spacing:2.5px!important;
}
@media(max-width:760px){
  .home-page .lt-closing{
    padding:92px 18px 58px!important;
  }
  .home-page .lt-closing-line{
    margin-bottom:22px!important;
  }
  .home-page .lt-closing-kicker{
    margin-bottom:14px!important;
    font-size:7px!important;
    letter-spacing:3px!important;
  }
  .home-page .lt-closing h2{
    font-size:34px!important;
    letter-spacing:-1.7px!important;
  }
  .home-page .lt-closing-copy{
    margin:20px 0 25px!important;
    font-size:10px!important;
  }
  .home-page .lt-closing-btn{
    min-width:175px!important;
    height:44px!important;
    font-size:10px!important;
  }
  .home-page .lt-closing-sign{
    display:block!important;
    margin-top:65px!important;
  }
  .home-page .lt-closing-sign span,
  .home-page .lt-closing-sign b{
    display:block!important;
    font-size:7px!important;
  }
  .home-page .lt-closing-sign b{
    margin-top:9px!important;
  }
}

/* WORKS — POST LIST */
.works-page .work-status-list{display:none!important}
.works-page .work-post-list{border-top:1px solid rgba(255,255,255,.14);background:rgba(7,7,13,.28)}
.works-page .work-post{position:relative;display:grid;grid-template-columns:72px 100px minmax(260px,1fr) 300px;align-items:center;min-height:86px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(7,7,13,.22);transition:background .2s ease}
.works-page .work-post:hover{background:rgba(104,72,180,.13)}
.works-page .work-post-no{font-size:12px;font-weight:900;letter-spacing:2px;color:#a98cff}
.works-page .work-post-status{justify-self:start;padding:6px 10px;border:1px solid rgba(165,135,255,.3);border-radius:4px;font-size:10px;font-weight:800;color:#bba5ff}
.works-page .work-post-status.done{color:#8ee1bd;border-color:rgba(102,210,164,.28)}
.works-page .work-post-title{min-width:0;padding:0 24px;border-left:1px solid rgba(255,255,255,.08)}
.works-page .work-post-title a,.works-page .work-post-title{color:#fff;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:-.3px};white-space:nowrap;overflow:hidden;text-overflow:ellipsis
.works-page .work-post-meta{display:flex;justify-content:flex-end;gap:18px;color:rgba(255,255,255,.4);font-size:10px;white-space:nowrap}
.works-page .work-post-body{grid-column:3 / 5;padding:0 24px 22px 24px;color:rgba(255,255,255,.55);font-size:12px;line-height:1.8;white-space:pre-line}
.works-page .work-empty{padding:70px 20px;text-align:center;color:rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.12)}
@media(max-width:760px){
 .works-page .work-post{grid-template-columns:42px 82px 1fr;min-height:92px;padding:0 12px}
 .works-page .work-post-no{font-size:10px}
 .works-page .work-post-status{font-size:9px;padding:5px 7px}
 .works-page .work-post-title{padding:0 10px;font-size:12px}
 .works-page .work-post-meta{grid-column:2 / 4;justify-content:flex-start;gap:10px;padding:0 10px 12px;font-size:8px}
 .works-page .work-post-body{grid-column:1 / 4;padding:0 0 18px;color:rgba(255,255,255,.5);font-size:10px}
}


/* WORKS — BOARD COLUMNS / DETAIL PAGE */
.works-page .work-post{grid-template-columns:72px 96px minmax(260px,1fr) 320px!important;min-height:76px!important;padding:0 24px!important}
.works-page .work-post-title{padding:0 24px!important}
.works-page .work-post-title a{color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important}
.works-page .work-post-title a:hover{color:#b99cff!important}
.works-page .work-post-meta{justify-content:flex-end!important;gap:18px!important}
.works-page .work-post-body{display:none!important}
@media(max-width:760px){
  .works-page .work-post{grid-template-columns:42px 82px minmax(0,1fr)!important;min-height:82px!important;padding:0 12px!important}
  .works-page .work-post-title{padding:0 10px!important}
  .works-page .work-post-title a{font-size:12px!important}
  .works-page .work-post-meta{grid-column:1 / 4!important;justify-content:flex-start!important;gap:10px!important;padding:0 0 10px!important;font-size:8px!important}
}
.work-detail-page{min-height:calc(100vh - 118px);padding:86px 20px 110px;background:#fff}
.work-detail-wrap{max-width:1050px;margin:0 auto}
.work-detail-head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eceaf0}
.work-detail-head .eyebrow{margin:0 0 10px;color:#9470ff;font-size:11px;font-weight:900;letter-spacing:3px}
.work-detail-head h1{margin:0 0 18px;color:#222;font-size:34px;line-height:1.3;letter-spacing:-1.2px}
.work-detail-meta{display:flex;flex-wrap:wrap;gap:16px;color:#92929e;font-size:11px}
.work-detail-meta strong{color:#555}
 .work-detail-content{margin-top:22px;padding:24px 28px;background:rgba(255,255,255,.96);border:1px solid rgba(28,24,48,.1);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.14);color:#111;font-size:15px;line-height:2.05;white-space:pre-line;word-break:keep-all}
.work-detail-content-text{white-space:pre-line;word-break:keep-all}
.work-detail-actions{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.work-detail-consult{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:9px;background:#fee500;color:#111;text-decoration:none;font-size:12px;font-weight:900;transition:opacity .2s,transform .2s;box-shadow:0 6px 18px rgba(254,229,0,.22)}
.work-detail-consult:hover{opacity:.86;transform:translateY(-1px)}
.work-detail-back{display:inline-flex;align-items:center;margin-top:38px;padding:10px 16px;border:1px solid #dfdce7;border-radius:8px;color:#555;text-decoration:none;font-size:11px;font-weight:800;background:#fff}
.work-detail-empty{color:#92929e;padding:70px 0;text-align:center}
@media(max-width:760px){
  .work-detail-page{padding:54px 15px 80px}
  .work-detail-head{padding-bottom:16px}
  .work-detail-head h1{font-size:24px;letter-spacing:-.8px;margin-bottom:14px}
  .work-detail-meta{gap:9px;font-size:9px}
  .work-detail-content{margin-top:16px;padding:18px 16px;font-size:13px;line-height:1.9;border-radius:12px;color:#111}
  .work-detail-back{margin-top:28px}
}


/* WORKS — FINAL BOARD COLUMNS / 20261001 */
.works-page .work-post-board{
  border-top:1px solid rgba(255,255,255,.14);
}
.works-page .work-post-header,
.works-page .work-post{
  display:grid;
  grid-template-columns:72px 96px minmax(260px,1fr) 150px 140px 90px;
  align-items:center;
}
.works-page .work-post-header{
  min-height:42px;
  padding:0 24px;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(8,8,15,.55);
  color:rgba(255,255,255,.38);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.8px;
}
.works-page .work-post-header span:nth-child(3){padding-left:24px}
.works-page .work-post-header span:nth-child(6){text-align:right;padding-right:0;}
.works-page .work-post{
  grid-template-columns:72px 96px minmax(260px,1fr) 150px 140px 90px!important;
}
.works-page .work-post-admin,
.works-page .work-post-date,
.works-page .work-post-views{
  color:rgba(255,255,255,.48);
  font-size:10px;
  white-space:nowrap;
}
.works-page .work-post-views{
  text-align:right;
  color:rgba(255,255,255,.62);
  font-variant-numeric:tabular-nums;
}
.works-page .work-post-title{padding:0 24px!important}
.works-page .work-post-meta{display:none!important}
@media(max-width:760px){
  .works-page .work-post-board{
    border-top:0;
  }
  .works-page .work-post-header{
    display:none;
  }
  .works-page .work-post{
    grid-template-columns:38px 76px minmax(0,1fr)!important;
    grid-template-rows:auto auto;
    gap:0;
    min-height:0!important;
    padding:14px 12px 13px!important;
  }
  .works-page .work-post-no{
    grid-row:1;
    font-size:9px;
  }
  .works-page .work-post-status{
    grid-row:1;
    align-self:start;
    font-size:8px;
    padding:5px 7px;
  }
  .works-page .work-post-title{
    grid-row:1;
    padding:0 0 0 8px!important;
    align-self:start;
  }
  .works-page .work-post-title a{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px!important;
  }
  .works-page .work-post-admin{
    grid-column:2;
    grid-row:2;
    padding-top:9px;
    font-size:8px;
  }
  .works-page .work-post-date{
    grid-column:3;
    grid-row:2;
    padding:9px 0 0 8px;
    font-size:8px;
  }
  .works-page .work-post-views{
    grid-column:1 / 4;
    grid-row:2;
    justify-self:end;
    padding-top:9px;
    font-size:8px;
  }
  .works-page .work-post-views::before{
    content:"조회 ";
    color:rgba(255,255,255,.3);
  }
}

/* KakaoTalk 상담 버튼 아이콘 */
.kakao-talk-icon{display:inline-flex;position:relative;width:24px;height:24px;flex:0 0 24px;align-items:center;justify-content:center;border-radius:8px;background:#fee500;vertical-align:middle;margin-right:8px;box-sizing:border-box;overflow:visible;color:#111;font-size:7px;font-weight:900;letter-spacing:-.5px;line-height:1;}
.kakao-talk-icon::before{content:"TALK";position:relative;z-index:2;font-family:Arial,"Noto Sans KR",sans-serif;font-size:7px;font-weight:900;letter-spacing:-.5px;color:#111;line-height:1;}
.kakao-talk-icon::after{content:"";position:absolute;left:4px;bottom:-3px;width:7px;height:7px;background:#fee500;clip-path:polygon(0 0,100% 0,0 100%);z-index:1;}
.kakao-talk-icon i{display:none!important}
.kakao-btn{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:44px;padding:0 17px;border-radius:13px;background:#fee500;color:#111!important;font-weight:900!important;font-size:13px!important;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.16);}
.floating-chat .kakao-talk-icon{width:28px;height:25px;flex-basis:28px;border-radius:9px;margin:0;vertical-align:0;font-size:8px}
.floating-chat .kakao-talk-icon::before{font-size:8px}
.floating-chat .kakao-talk-icon::after{left:6px;bottom:-4px;width:7px;height:7px}
.work-detail-consult{gap:0;background:#fee500;color:#111}
.lt-hero-btn .kakao-talk-icon,.lt-closing-btn .kakao-talk-icon{margin-right:8px;}

/* SUBPAGES — MOBILE MAIN HEADINGS VISIBILITY 20261002 */
@media(max-width:760px){
  body.lt-notice-page .notice-hero-kicker,
  body.lt-notice-page .notice-hero h1,
  body.lt-notice-page .notice-hero-copy,
  body.lt-faq-page .section-heading>p:first-child,
  body.lt-faq-page .section-heading h2,
  body.lt-faq-page .section-heading>p:last-child,
  body.lt-pricing-page .pricing-hero .eyebrow,
  body.lt-pricing-page .pricing-hero h2,
  body.lt-pricing-page .pricing-hero>p:last-child,
  body.lt-works-page .works-head .eyebrow,
  body.lt-works-page .works-head h1,
  body.lt-works-page .works-head>p:last-child,
  body.lt-reviews-page .reviews-head .eyebrow,
  body.lt-reviews-page .reviews-head h1,
  body.lt-reviews-page .reviews-head>p:last-child,
  body.lt-notice-detail-page .notice-detail-title h1,
  body.lt-work-detail-page .work-detail-head .eyebrow,
  body.lt-work-detail-page .work-detail-head h1{
    color:#fff!important;
    text-shadow:0 2px 14px rgba(0,0,0,.42)!important;
  }

  body.lt-notice-page .notice-hero-kicker,
  body.lt-faq-page .section-heading>p:first-child,
  body.lt-pricing-page .pricing-hero .eyebrow,
  body.lt-works-page .works-head .eyebrow,
  body.lt-reviews-page .reviews-head .eyebrow,
  body.lt-work-detail-page .work-detail-head .eyebrow{
    color:#b99cff!important;
  }

  body.lt-notice-page .notice-hero-copy,
  body.lt-faq-page .section-heading>p:last-child,
  body.lt-pricing-page .pricing-hero>p:last-child,
  body.lt-works-page .works-head>p:last-child,
  body.lt-reviews-page .reviews-head>p:last-child{
    color:rgba(255,255,255,.78)!important;
  }
}

/* MOBILE SUBPAGE MAIN HEADINGS — keep titles readable over mobile backgrounds */
@media(max-width:760px){
  body.lt-notice-page .notice-hero h1,
  body.lt-faq-page .section-heading h2,
  body.lt-pricing-page .pricing-hero h2,
  body.lt-works-page .works-head h1,
  body.lt-reviews-page .reviews-head h1,
  body.lt-notice-page .notice-detail-head h1,
  body.lt-work-detail-page .work-detail-head h1{
    color:#fff!important;
    text-shadow:0 3px 16px rgba(0,0,0,.42)!important;
  }

  body.lt-notice-page .notice-hero h1 *,
  body.lt-faq-page .section-heading h2 *,
  body.lt-pricing-page .pricing-hero h2 *,
  body.lt-works-page .works-head h1 *,
  body.lt-reviews-page .reviews-head h1 *,
  body.lt-notice-page .notice-detail-head h1 *,
  body.lt-work-detail-page .work-detail-head h1 *{
    color:inherit!important;
  }
}

@media(max-width:760px){
  .notice-detail-title h1{
    color:#fff!important;
    text-shadow:0 2px 14px rgba(0,0,0,.42)!important;
  }
}


/* MOBILE — remove the dashed line directly under the header */
@media(max-width:760px){
  body .page-divider,
  body.lt-notice-page .page-divider,
  body.lt-faq-page .page-divider,
  body.lt-pricing-page .page-divider,
  body.lt-works-page .page-divider,
  body.lt-reviews-page .page-divider{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    border:0!important;
    background:none!important;
    margin:0!important;
    padding:0!important;
  }
}


/* =====================================================
   MOBILE — ALL SUBPAGES FIXED HEADER
   20261002
   Main homepage (.home-page) is intentionally excluded.
   Includes list/detail pages.
   PC layout remains unchanged.
===================================================== */
@media(max-width:760px){
  body:not(.home-page) .header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:100000!important;
    overflow:visible!important;
    isolation:isolate!important;
  }

  body:not(.home-page) .mobile-menu-btn{
    z-index:100001!important;
  }

  body:not(.home-page) .mobile-menu{
    z-index:100000!important;
  }

  /* Reserve the fixed header's 68px height without changing page content. */
  body:not(.home-page) > main{
    padding-top:68px!important;
  }

  body:not(.home-page) > .page-divider{
    display:none!important;
  }
}




/* HOMEPAGE HEADER LOGO — use uploaded transparent logo without screen blending */
.home-page .logo-image{
  mix-blend-mode:normal!important;
}

/* HOMEPAGE CENTER LOGO — preserve source resolution; no destructive filter/crop */
.home-page .lt-hero-brand{
  overflow:visible!important;
  aspect-ratio:auto!important;
}
.home-page .lt-hero-brand img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* HOMEPAGE HEADER LOGO — final source-image preservation */
.home-page .logo-image{
  width:118px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}

/* CENTRAL LOGO — cleaned transparent source, no compositing/filter artifacts */
.home-page .lt-hero-brand{
  width:min(507px,39vw)!important;
  overflow:visible!important;
  background:transparent!important;
}
.home-page .lt-hero-brand img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  image-rendering:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
@media(max-width:760px){
  .home-page .lt-hero-brand{
    width:245px!important;
  }
}

/* INNER-PAGE HEADER LOGO — current logo, flush to top-left on desktop/mobile */
body:not(.home-page) .header{
  padding-left:0!important;
  padding-right:12px!important;
}
body:not(.home-page) .header .logo{
  margin-left:0!important;
  padding-left:0!important;
  justify-content:flex-start!important;
  transform:none!important;
}
body:not(.home-page) .header .logo-image{
  width:118px!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin-left:0!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
@media(max-width:760px){
  body:not(.home-page) .header{
    padding-left:0!important;
    padding-right:8px!important;
  }
  body:not(.home-page) .header .logo{
    margin-left:0!important;
  }
  body:not(.home-page) .header .logo-image{
    width:104px!important;
  }
}


/* WORKS PAGE HEADER LOGO — align upward and reduce 15% */
@media(min-width:761px){
  body.lt-works-page .header .logo-image{
    width:100px!important;
    transform:translateY(-4px)!important;
  }
}
@media(max-width:760px){
  body.lt-works-page .header .logo-image{
    width:88px!important;
    transform:translate(-12px,-3px)!important;
  }
}

/* WORKS HEADER LOGO — conflict-proof final sizing/alignment */
@media(min-width:761px){
  body.lt-works-page .header .logo{
    height:62px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  body.lt-works-page .header .logo-image{
    width:100px!important;
    height:auto!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:translateY(-10px)!important;
  }
}
@media(max-width:760px){
  body.lt-works-page .header .logo{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    height:48px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  body.lt-works-page .header .logo-image{
    width:88px!important;
    height:auto!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:translate(-12px,-7px)!important;
  }
}

/* =====================================================
   ALL PAGE HOME-LINK LOGO — FINAL UNIFIED SIZE/POSITION
   Homepage + every subpage use the same header logo scale/alignment.
===================================================== */
@media(min-width:761px){
  .header{
    padding-left:0!important;
  }
  .header .logo{
    width:100px!important;
    min-width:100px!important;
    height:62px!important;
    margin-left:0!important;
    padding-left:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    transform:none!important;
  }
  .header .logo-image{
    width:100px!important;
    max-width:none!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin-left:0!important;
    transform:translateY(-6px)!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
}
@media(max-width:760px){
  .header{
    padding-left:0!important;
  }
  .header .logo{
    flex:0 0 88px!important;
    width:88px!important;
    min-width:88px!important;
    height:48px!important;
    margin-left:0!important;
    padding-left:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    transform:none!important;
  }
  .header .logo-image{
    width:88px!important;
    max-width:none!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin-left:0!important;
    transform:translateY(-4px)!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
}


/* =====================================================
   HOMEPAGE FINAL POLISH — 20261004
   Visual-only, homepage-scoped. No functional changes.
===================================================== */
@media (min-width:761px){
  .home-page .lt-hero h1{
    text-wrap:balance;
  }
  .home-page .lt-hero-btn{
    position:relative;
    overflow:hidden;
  }
  .home-page .lt-hero-btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.16) 50%,transparent 75%);
    transform:translateX(-120%);
    transition:transform .65s ease;
    pointer-events:none;
  }
  .home-page .lt-hero-btn:hover::before{
    transform:translateX(120%);
  }
  .home-page .home-hero-benefits article{
    transition:transform .22s ease,background .22s ease;
    border-radius:10px;
  }
  .home-page .home-hero-benefits article:hover{
    transform:translateX(3px);
    background:rgba(142,101,235,.08);
  }
}
.home-page .home-hero-event>strong{
  background:linear-gradient(90deg,#c39aff,#f08aff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.home-page .lt-closing h2{
  text-wrap:balance;
}
@media(max-width:760px){
  .home-page .lt-hero h1{
    text-wrap:balance;
  }
  .home-page .home-hero-event>strong{
    background:linear-gradient(90deg,#b987ff,#ee78ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
}


/* =====================================================
   HOMEPAGE FINAL POLISH 2 — 20261004
   Homepage-only visual refinement. No layout/function changes.
===================================================== */
.home-page .lt-hero-content{
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}
.home-page .lt-hero-kicker{
  opacity:.95;
  text-shadow:0 3px 18px rgba(0,0,0,.45);
}
.home-page .lt-hero h1 span:last-child{
  filter:drop-shadow(0 6px 22px rgba(135,77,238,.2));
}
.home-page .home-hero-panel{
  border-color:rgba(176,145,255,.24)!important;
  box-shadow:0 18px 55px rgba(12,5,28,.28);
}
.home-page .home-hero-event strong{
  text-shadow:0 5px 22px rgba(127,69,220,.16);
}
@media (min-width:761px){
  .home-page .logo-image{
    filter:drop-shadow(0 0 9px rgba(89,112,255,.32))!important;
  }
  .home-page .nav a{
    transition:color .18s ease,transform .18s ease;
  }
  .home-page .nav a:hover{
    transform:translateY(-1px);
  }
  .home-page .header-actions>a:not(.kakao-btn){
    transition:color .18s ease;
  }
  .home-page .header-actions>a:not(.kakao-btn):hover{
    color:#c4a8ff!important;
  }
}
@media(max-width:760px){
  .home-page .lt-hero-content{
    padding-left:24px;
    padding-right:24px;
  }
  .home-page .lt-hero h1{
    letter-spacing:-2.4px;
    text-shadow:0 8px 26px rgba(0,0,0,.48);
  }
  .home-page .lt-hero-content>p:not(.lt-hero-kicker){
    max-width:330px;
    font-size:14px;
    line-height:1.7;
  }
  .home-page .lt-hero-btn{
    min-height:52px;
    padding:0 23px;
    border-radius:13px;
  }
  .home-page .home-hero-panel{
    box-shadow:0 12px 35px rgba(10,4,25,.24);
  }
}
@media (prefers-reduced-motion:reduce){
  .home-page .lt-hero-btn,
  .home-page .nav a,
  .home-page .header-actions>a,
  .home-page .home-hero-benefits article{
    transition:none!important;
  }
}


/* Mobile homepage logo alignment — 3px right */
@media(max-width:760px){
  .home-page .header .logo{
    transform:none!important;
    margin-left:3px!important;
  }
}