@charset "utf-8";

/* noto-sans-kr-100 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-200 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-300 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-500 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-600 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-800 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-kr-900 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/noto-sans-kr-v39-korean_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

body {
    font-family: 'Noto Sans KR', sans-serif;
    background: radial-gradient(circle at top, #1a1a1a, #000);
    color:#fff;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

.container {
    width:90%;
    max-width:650px;
    text-align:center;
    padding:60px 40px;
    border-radius:20px;
    background: rgba(255,255,255,0.03);
    backdrop-filter: blur(10px);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 0 40px rgba(0,0,0,0.8);
}

.logo {
    font-size:34px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:10px;
}

.domain {
    font-size:13px;
    color:#888;
    margin-bottom:25px;
}

.title {
    font-size:24px;
    margin-bottom:10px;
}

.highlight {
    color:#d4af37;
}

/* 오픈 예정일 */
.opendate {
    font-size:14px;
    color:#d4af37;
    margin-bottom:20px;
}

/* 카운트다운 */
.countdown {
    display:flex;
    justify-content:center;
    gap:15px;
    margin-bottom:30px;
}

.time-box {
    min-width:70px;
    padding:12px 10px;
    border-radius:10px;
    background: rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.08);
}

.time {
    font-size:22px;
    font-weight:600;
}

.label {
    font-size:12px;
    color:#aaa;
}

/* 설명 */
.desc {
    font-size:15px;
    color:#bbb;
    line-height:1.7;
    margin-bottom:30px;
}

.footer {
    font-size:13px;
    color:#777;
}