/* seanprep.com 준비 중 화면. 색은 한국 랜딩(public/landing/home.css)의 종이·남색·형광펜을 그대로 쓴다. */
:root{
  --sp-navy:#0b2545;
  --sp-navy-70:rgba(11,37,69,.70);
  --sp-paper:#f5f2eb;
  --sp-sheet:#fffdf8;
  --sp-grid:rgba(11,37,69,.075);
  --sp-line:#d9d4c5;
  --sp-hl:#ffe77a;
  --sp-shadow:7px 7px 0 rgba(11,37,69,.13);
  --sp-serif:"Libre Caslon Text",Georgia,serif;
  --sp-sans:-apple-system,"Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  min-height:100vh;
  background:var(--sp-paper);
  background-image:linear-gradient(var(--sp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--sp-grid) 1px,transparent 1px);
  background-size:28px 28px;
  color:var(--sp-navy);
  font-family:var(--sp-sans);
}
.soon{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.soon-sheet{
  width:100%;max-width:520px;
  background:var(--sp-sheet);
  border:1px solid var(--sp-line);
  border-radius:6px;
  box-shadow:var(--sp-shadow);
  padding:48px 32px 44px;
  text-align:center;
}
.soon-mark{display:block;margin:0 auto 14px}
.soon-brand{margin:0 0 22px;font-family:var(--sp-serif);font-size:20px;letter-spacing:.02em}
.soon-title{margin:0 0 18px;font-family:var(--sp-serif);font-size:clamp(34px,8vw,48px);line-height:1.15}
/* 형광펜이 왼쪽에서 오른쪽으로 그어지는 모양 */
.soon-hl{
  background-image:linear-gradient(transparent 58%,var(--sp-hl) 58%,var(--sp-hl) 92%,transparent 92%);
  background-repeat:no-repeat;
  background-size:100% 100%;
  animation:soon-swipe .9s cubic-bezier(.65,0,.35,1) .35s both;
  padding:0 .08em;
}
@keyframes soon-swipe{from{background-size:0 100%}to{background-size:100% 100%}}
.soon-copy{margin:0;font-size:16px;line-height:1.6;color:var(--sp-navy-70)}
@media (prefers-reduced-motion:reduce){.soon-hl{animation:none}}