@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
body {background: #f3ecee; font-family: 'Inter', Arial, sans-serif; margin: 0;}
.popl-card {max-width: 420px;margin: 38px auto 30px auto; border-radius: 37px; box-shadow: 0 4px 32px 0 rgba(106,13,27,0.18); background: #fff; overflow: visible; position: relative;}
.popl-cover { position: relative; height: 380px; width: 100%; overflow: visible; border-radius: 37px 37px 0 0; }
.popl-video {position: absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:37px 37px 0 0; z-index:1;}
.popl-logo-wrap {position:absolute; left:24px; bottom:-42px; z-index:2;}
.popl-logo { width:95px; height:95px; border-radius:50%; border:6px solid #fff; box-shadow:0 6px 24px 0 rgba(106,13,27,0.14); background:#fff; object-fit:cover;}
.popl-content {padding:74px 25px 24px 25px; text-align:center;}
.main-title { font-size: 1.19rem; font-weight: 700; color: #333;}
.sub-title {color: #6a0d1b; font-size: 1rem;}
.slogan {color: #6a0d1b;font-weight:bold;font-size:1.08rem;}
.en-slogan {color: #6a0d1b;font-size:0.82rem; margin-bottom:22px;}
.links {list-style:none;padding:0;}
.links li {margin:15px 0;}
.links a {display:block; width:100%; padding:15px 0; background:#6a0d1b; color:#fff; border-radius:33px; text-decoration:none; font-weight:600; font-size:1.01rem; box-shadow:0 4px 15px #6a0d1b21;transition:background .13s, transform .13s;}
.links a:hover {background:#ab3050; transform:translateY(-2px) scale(1.03);}
@media (max-width: 650px) {
  .popl-card {max-width:99vw; border-radius:14px;}
  .popl-cover{height:220px; border-radius:14px 14px 0 0;}
  .popl-logo-wrap{left:8px; bottom:-28px;}
  .popl-logo{width:60px; height:60px; border-width:4px;}
  .popl-content{padding:44px 11px 13px 11px;}
}