/* 봄날초대장 — 공통 스타일 (브랜드 변수는 시안과 동일) */
:root{
  --brand:#e8704f;
  --brand-soft:#fdf0eb;
  --ink:#2b2723;
  --ink-soft:#8a8178;
  --paper:#faf7f3;
  --line:#eee6dd;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Pretendard',sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}
button{font-family:inherit}

/* 폰 프레임 (시안 동일) */
.phone{background:#111;border-radius:38px;padding:10px;box-shadow:0 24px 60px -18px rgba(60,40,20,.35)}
.screen{border-radius:30px;overflow-y:auto;overflow-x:hidden;height:600px;background:#fff;scrollbar-width:none;position:relative}
.screen::-webkit-scrollbar{display:none}

/* 브랜드 로고 */
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em;text-decoration:none}
.logo .dot{width:12px;height:12px;border-radius:50% 50% 50% 4px;background:var(--brand);display:inline-block}
.logo .by{font-weight:400;color:var(--ink-soft);font-size:14px}

/* 공용 버튼 */
.cta{display:inline-block;background:var(--brand);color:#fff;font-weight:700;border:none;border-radius:14px;padding:15px 28px;font-size:15px;cursor:pointer;text-decoration:none;text-align:center;transition:.2s}
.cta:hover{filter:brightness(1.06)}
.cta.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.cta[disabled]{opacity:.5;cursor:not-allowed}