:root{
    --bg1:#fff6df; --bg2:#ffe9f0; --bg3:#f3ecff;
    --text:#1a1a1a; --muted:#646a76;
    --panel:rgba(255,255,255,.65); --stroke:rgba(10,10,10,.06);
    --accent:#ff7bbb; --accent2:#b79cff; --shadow:0 10px 24px rgba(20,20,20,.06);
  }
  
  *{box-sizing:border-box;}
html,body{margin:0;padding:0;}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",
                 "Apple SD Gothic Neo","Malgun Gothic","Helvetica Neue",Arial,sans-serif;
    color:var(--text);
    background:
      radial-gradient(60vw 60vw at 15% 80%, rgba(191,176,255,.35), rgba(191,176,255,0) 60%),
      radial-gradient(70vw 50vw at 80% 35%, rgba(255,149,178,.45), rgba(255,149,178,0) 60%),
      linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 50%, var(--bg3) 100%);
    min-height:100svh; line-height:1.6;
  }
  
  /* 컨테이너 */
  .container{width:min(100% - 32px, 720px); margin-inline:auto}
  
  /* Header */
  .site-header{padding:clamp(24px,6vw,56px) 0 24px}
  .brand{text-align:center;margin-bottom:20px}
  .badge{
    display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff;
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    padding:6px 10px;border-radius:999px;box-shadow:var(--shadow)
  }
  h1{margin:14px 0 8px;font-size:clamp(28px,4vw,40px);letter-spacing:-.02em}
  .subtitle{color:var(--muted);margin:0 auto;max-width:720px}
  .cta{margin-top:20px;display:flex;justify-content:center}
  
  /* 패널 */
  .panel{
    margin:18px 0;padding:clamp(14px,2vw,18px);border-radius:18px;border:1px solid var(--stroke);
    background:var(--panel);backdrop-filter:saturate(180%) blur(10px);
    -webkit-backdrop-filter:saturate(180%) blur(10px);box-shadow:var(--shadow)
  }
  
  /* 버튼 */
  .btn{
    display:inline-block;
    padding: clamp(12px, 1.8vw, 20px) clamp(12px, 1.5vw, 18px);
    border-radius: 12px;
    border: 1px solid var(--stroke);
    background:#fff;
    color:var(--text);
    text-decoration:none;
    font-weight: 800;
    font-size: clamp(0.95rem, 1vw, 1.05rem);
    letter-spacing: .01em;
    min-height: 56px;
    min-width: clamp(150px, 16vw, 210px);
    box-shadow: var(--shadow);
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
    text-align:center;
  }
  .btn:hover{ transform: translateY(-2px); }
  .btn:active{ transform: translateY(0); }
  
  .btn.big{
    padding: clamp(14px, 2vw, 24px) clamp(14px, 1.7vw, 22px);
    font-size: clamp(1rem, 1.1vw, 1.15rem);
    border-radius: 12px;
    min-height: 64px;
    min-width: clamp(170px, 20vw, 260px);
  }
  .btn-primary{
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    color:#fff;border-color:transparent
  }
  
  /* 2분할 레이아웃 */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
  .side{display:flex;align-items:center;justify-content:center;min-height:36vh}
  
  /* 반응형 */
  @media (max-width:820px){
    .split{grid-template-columns:1fr}
    .side{min-height:auto}
    .btn, .btn.big{width:100%;max-width:320px}
  }
  
  /* Footer */
  .site-footer{padding:24px 0 32px;color:var(--muted);text-align:center}