/* ============================================================
   SEGYM SR — 전역 스타일
   색상·폰트를 바꾸려면 아래 :root 변수만 수정하면 전체에 반영됩니다.
   ============================================================ */

:root{
  /* 캔버스 · 표면 */
  --canvas:#1c1624;          /* 미드나잇 플럼 — 페이지 배경 */
  --surface:#2d2734;         /* 카드 표면 */
  --bezel:#0f0b16;           /* 장비 베젤 */

  /* 텍스트 */
  --ink:#f1f0ec;             /* 본 화이트 */
  --ink2:#d0c9c4;            /* 보조 텍스트 */
  --ink3:#a5a2a5;            /* 흐린 텍스트 */

  /* 선 */
  --line:rgba(229,231,235,.13);
  --line2:rgba(229,231,235,.22);

  /* 브랜드 액센트 (휴머닉스 CI 기반) */
  --violet:#b997ff;          /* 라벤더 — 브랜드 보이스 */
  --neon:#6b13f5;            /* 네온 바이올렛 — 오로라 글로우 */
  --pink:#ff9efa;
  --green:#4fc79a;           /* 휴머닉스 에메랄드 — 주요 행동 */
  --green-d:#3aa982;

  /* 레이아웃 */
  --max:1200px;

  --font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",
         ui-sans-serif,system-ui,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--canvas);color:var(--ink);font-family:var(--font);
  line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}

/* ── 헤더 ────────────────────────────────────────── */
.hdr{background:rgba(28,22,36,.9);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.brand img{height:26px;display:block}
.nav{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a,.nav span{
  font-size:14px;padding:9px 15px;border-radius:9999px;white-space:nowrap;
  border:1px solid transparent;transition:.16s;
}
.nav a{color:var(--ink2)}
.nav a:hover{color:var(--ink);border-color:var(--line2)}
.nav a.on{color:var(--ink);border-color:var(--violet)}
.nav span{color:var(--ink3);opacity:.5;cursor:not-allowed}
.nav .dot{
  display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--ink3);margin-right:7px;vertical-align:middle;
}

/* ── 버튼 ────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:8px;border-radius:12px;
  font-size:15px;font-weight:700;padding:13px 24px;cursor:pointer;
  transition:.18s;border:1px solid transparent;font-family:inherit;
}
.btn-go{background:var(--green);color:#0d1a15}
.btn-go:hover{background:var(--green-d)}
.btn-ghost{border-color:var(--line2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--violet);color:var(--violet)}

/* ── 공통 아이브로우 ─────────────────────────────── */
.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--violet)}

/* ── 오로라 글로우 ───────────────────────────────── */
.aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.aurora::before,.aurora::after{content:"";position:absolute;border-radius:50%;filter:blur(90px)}
.aurora::before{
  width:760px;height:620px;left:-120px;top:-190px;
  background:radial-gradient(circle,rgba(107,19,245,.55),transparent 68%);
}
.aurora::after{
  width:620px;height:520px;right:-100px;top:-130px;
  background:radial-gradient(circle,rgba(255,158,250,.19),transparent 66%);
}

/* ── 푸터 ────────────────────────────────────────── */
footer{border-top:1px solid var(--line)}
.foot{
  max-width:var(--max);margin:0 auto;padding:30px 32px;display:flex;
  justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
}
.foot img{height:22px;opacity:.6}
.foot .cr{color:var(--ink3);font-size:12.5px;line-height:1.8;text-align:right}
.foot .admin{cursor:pointer;color:var(--ink3);margin-left:5px}
.foot .admin:hover{color:var(--violet)}

/* ── 반응형 공통 ─────────────────────────────────── */
@media (max-width:960px){
  .hdr .wrap{height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
  .nav{width:100%;order:3}
}
@media (max-width:820px){
  .wrap{padding:0 18px}
  .foot{flex-direction:column;text-align:center;padding:26px 18px}
  .foot .cr{text-align:center}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}

/* ── 준비 중 안내 페이지 (모듈 스켈레톤 공통) ─────── */
.soon-page{position:relative;padding:110px 0 130px;overflow:hidden;text-align:center}
.soon-page .wrap{position:relative;z-index:1;max-width:600px}
.soon-badge{
  display:inline-block;font-size:11.5px;letter-spacing:.13em;font-weight:700;
  color:var(--ink3);border:1px solid var(--line2);border-radius:8px;
  padding:5px 12px;background:rgba(28,22,36,.5);
}
.soon-page h1{font-size:38px;line-height:1.15;letter-spacing:-.03em;font-weight:700;margin-top:20px}
.soon-page p{color:var(--ink2);font-size:16px;margin-top:16px;line-height:1.75}
.soon-page .back{margin-top:34px;display:inline-flex}
@media (max-width:820px){
  .soon-page{padding:70px 0 90px}
  .soon-page h1{font-size:27px}
  .soon-page p{font-size:14.5px}
}