*{box-sizing:border-box;}
  body{margin:0; background:#FBF6EE; color:#4A3A3F; font-family:'Literata',serif; line-height:1.7;}
  .wrap{max-width:720px; margin:0 auto;}

  .cover{padding:52px 24px 40px; text-align:center; position:relative; background:#F3E3DE; overflow:hidden;}
  .cover svg.petal{position:absolute; opacity:.5;}
  .cover-photo{width:190px; height:190px; border-radius:50% 50% 50% 0; overflow:hidden; margin:0 auto 18px; border:5px solid #fff; box-shadow:0 14px 30px rgba(122,59,78,.2); transform:rotate(-4deg);}
  .cover-photo img{width:100%; height:100%; object-fit:cover; transform:rotate(4deg) scale(1.15);}
  .cover h1{font-family:'Cormorant Garamond',serif; font-weight:600; font-size:38px; margin:0 0 6px; color:#7A3B4E;}
  .cover p{margin:0; font-size:14px; color:#8A6E75;}

  .divider{text-align:center; color:#A8C3A0; font-size:20px; margin:0; letter-spacing:12px;}

  .section{padding:44px 24px 8px;}
  .section h2{font-family:'Cormorant Garamond',serif; font-weight:600; font-size:27px; color:#7A3B4E; margin:0 0 4px; text-align:center;}
  .section .sub{text-align:center; font-size:13.5px; color:#8A6E75; margin:0 0 28px;}

  /* FLIP CARDS */
  .flip-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}
  .flip-card{perspective:1000px; height:150px; cursor:pointer;}
  .flip-inner{position:relative; width:100%; height:100%; transition:transform .6s; transform-style:preserve-3d;}
  .flip-card.flipped .flip-inner{transform:rotateY(180deg);}
  .flip-front,.flip-back{position:absolute; inset:0; backface-visibility:hidden; border-radius:14px; overflow:hidden;}
  .flip-front img{width:100%; height:100%; object-fit:cover;}
  .flip-back{background:#A8C3A0; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; transform:rotateY(180deg); padding:10px; font-family:'Cormorant Garamond',serif; font-size:16px;}
  .flip-hint{text-align:center; font-size:11.5px; color:#A8917D; margin-top:16px;}

  .see-full{text-align:center; margin:20px 0 0;}
  .see-full a{font-family:'Cormorant Garamond',serif; font-size:15px; color:#7A3B4E; text-decoration:none; border-bottom:1px solid #A8C3A0;}

  /* ACCORDION LỜI NHẮN THEO TỔ */
  .acc{max-width:560px; margin:0 auto;}
  .acc details{background:#fff; border-radius:14px; margin-bottom:12px; box-shadow:0 8px 20px rgba(122,59,78,.08); overflow:hidden;}
  .acc summary{padding:16px 20px; cursor:pointer; font-family:'Cormorant Garamond',serif; font-size:19px; color:#7A3B4E; list-style:none; display:flex; justify-content:space-between; align-items:center;}
  .acc summary::-webkit-details-marker{display:none;}
  .acc summary::after{content:"＋"; font-size:18px; color:#A8C3A0;}
  .acc details[open] summary::after{content:"－";}
  .acc-body{padding:0 20px 18px;}
  .acc-note{font-size:14.5px; margin:0 0 10px; padding-bottom:10px; border-bottom:1px dashed #F0DCD2;}
  .acc-note:last-child{border-bottom:none; margin:0;}
  .acc-note cite{display:block; margin-top:4px; font-family:'Cormorant Garamond',serif; font-style:italic; color:#A8917D; font-size:13px;}

  .share{margin:44px 24px 30px; padding:36px 24px; text-align:center; border-radius:20px; background:#7A3B4E; color:#FBF6EE;}
  .share h2{font-family:'Cormorant Garamond',serif; font-size:26px; margin:0 0 6px;}
  .share p{font-size:13.5px; margin:0 0 18px; color:#E9C9CE;}
  #qrcode{background:#fff; display:inline-block; padding:8px; border-radius:10px; margin-bottom:14px;}
  .link-row{display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
  .link-row code{background:rgba(255,255,255,.15); padding:6px 12px; border-radius:20px;}
  .link-row button{background:#E9C9CE; color:#7A3B4E; border:none; padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:600; cursor:pointer;}

  .foot{text-align:center; font-size:12px; color:#A8917D; padding:0 20px 40px;}