/* 죽음문해력커넥트 공용 토큰 — index.html의 <style>과 동일 값 */
:root{ --ink:#000; --paper:#FEFEFE; --sky:#2CB8DB; --sun:#E1D973; }
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  background:var(--paper);color:var(--ink);
  font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  font-weight:500;line-height:1.5;letter-spacing:-.3px;
  -webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
@media (max-width:640px){.wrap{padding:0 20px}}

nav{position:sticky;top:0;background:rgba(254,254,254,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08);z-index:30}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
nav .brand img{height:40px}
@media (max-width:640px){nav .brand img{height:32px}}
nav .tabs{display:flex;align-items:center;gap:22px}
nav .tabs a{font-size:14px;font-weight:700;color:rgba(0,0,0,.55)}
nav .tabs a:hover{color:var(--ink)}
nav .tabs a.on{color:var(--ink);position:relative}
nav .tabs a.on::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--ink)}
nav .cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--ink);color:var(--paper);border-radius:999px;font-size:14px;font-weight:700;letter-spacing:-.2px}
nav .cta:hover{background:var(--sky);color:var(--ink)}
@media (max-width:640px){nav .tabs{gap:14px}nav .tabs a{font-size:13px}nav .cta{display:none}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:20px 32px;border-radius:999px;font-size:17px;font-weight:800;letter-spacing:-.3px;transition:transform .15s ease;border:none;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn.dark{background:var(--ink);color:var(--paper)}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}

footer{padding:64px 0;border-top:1px solid rgba(0,0,0,.08);font-size:13px;color:rgba(0,0,0,.5)}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
/* 모바일 플로팅 CTA (신청하기) — 데스크톱에선 숨김. 홈은 자체 <style>에 동일 규칙 */
.fab-apply{display:none}
@media (max-width:640px){
  .fab-apply{display:inline-flex;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;align-items:center;gap:8px;padding:16px 28px;background:var(--ink);color:var(--paper);border-radius:999px;font-size:15px;font-weight:800;letter-spacing:-.3px;box-shadow:0 10px 28px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.12);transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}
  .fab-apply:active{transform:translateX(-50%) translateY(1px)}
  .fab-apply.on-dark{background:var(--paper);color:var(--ink);box-shadow:0 10px 28px rgba(255,255,255,.18),0 2px 6px rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.06)}
  body{padding-bottom:88px}
}