/* welcome.css — cute, aesthetic welcome card */

.page.welcome{background: linear-gradient(180deg,#fffaf8,#fff6fb)}

.shell.fade{display:flex;align-items:center;justify-content:center;height:100vh;text-decoration:none;color:inherit}

.shell.fade .sparkles{position:absolute;top:12vh;font-size:18px;color:#f0cfe0;opacity:.95;letter-spacing:6px}

.shell.fade h1{font-family:'Cormorant Garamond',serif;font-size:44px;color:#5a3b3a;text-align:center;line-height:1.05}
.shell.fade h1 span{display:block;font-family:'Marck Script',cursive;font-size:34px;color:#a55a71;margin-top:8px}

.shell.fade p{font-family:'Cormorant Garamond',serif;font-size:18px;color:#81615b;text-align:center;margin-top:14px;max-width:560px}

.tap{display:inline-block;margin-top:22px;padding:10px 14px;border-radius:999px;background:linear-gradient(90deg,#ffefe8,#fff0f7);color:#7a4a57;font-weight:700;letter-spacing:.12em;font-size:13px;box-shadow:0 12px 30px rgba(125,80,95,0.12)}

/* polaroid preview */
.polaroid-preview{width:160px;height:160px;margin:18px auto;border-radius:10px;box-shadow:0 18px 40px rgba(110,70,90,0.08);overflow:hidden;border:10px solid #fffaf6}
.polaroid-preview img{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:520px){
  .shell.fade h1{font-size:32px}
  .shell.fade h1 span{font-size:26px}
  .polaroid-preview{width:140px;height:140px}
}