/* ========== Điều khoản và điều kiện - terms-conditions.css ========== */
.page-terms-conditions{background-color:#08162B;color:#F3F8FF;font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif;line-height:1.75;padding:0;margin:0;max-width:100%;overflow-x:hidden}

/* Hero Section */
.page-terms-conditions__hero-section{padding:12px 16px 0;display:block}
.page-terms-conditions__hero-image{display:block;width:100%;border-radius:16px;aspect-ratio:17/5;object-fit:cover;margin:0 auto;max-width:1200px}
.page-terms-conditions__hero-content{max-width:900px;margin:16px auto 0;text-align:center;padding:12px 16px}
.page-terms-conditions__main-title{font-family:'Lora',serif;font-size:clamp(1.5rem, 3.5vw, 2.4rem);font-weight:600;line-height:1.3;letter-spacing:-0.5px;margin:0 0 12px;color:#F3F8FF}
.page-terms-conditions__hero-description{font-size:1.05rem;line-height:1.7;color:#AFC4E8;margin:0 0 16px;font-weight:400}
.page-terms-conditions__update-label{font-size:0.875rem;color:#AFC4E8;font-weight:500;opacity:0.85;margin:0}

/* What you agree to */
.page-terms-conditions__statement-section{padding:28px 16px 8px}
.page-terms-conditions__statement-card{max-width:900px;margin:0 auto;background-color:#10233F;border:1px solid #244D84;border-radius:16px;padding:24px 28px}
.page-terms-conditions__statement-title{color:#F2C14E;font-size:1.25rem;font-family:'Lora',serif;margin:0 0 12px}
.page-terms-conditions p{font-family:'Be Vietnam Pro',sans-serif;font-weight:400;margin:0 0 16px}

/* Main Terms Grid */
.page-terms-conditions__terms-wrap{max-width:960px;margin:0 auto;padding:16px 16px 40px;display:grid;grid-template-columns:1fr;gap:16px}

/* Article Card */
.page-terms-conditions__article-card{background-color:#10233F;border:1px solid #244D84;border-radius:16px;padding:24px 28px;height:100%}
.page-terms-conditions__article-title{color:#F2C14E;font-size:1.1rem;font-family:'Lora',serif;font-weight:600;margin:0 0 14px;line-height:1.4}
.page-terms-conditions__list{margin:0 0 8px;padding-left:20px;display:grid;gap:8px}
.page-terms-conditions__list li{font-size:0.95rem;line-height:1.7;color:#F3F8FF;list-style-type:disc;padding-left:4px}

/* CTA Section */
.page-terms-conditions__cta-section{padding:8px 16px 56px}
.page-terms-conditions__cta-block{max-width:840px;margin:0 auto;background-color:#10233F;border:1px solid #244D84;border-radius:16px;text-align:center;padding:40px 28px;box-shadow:0 10px 36px rgba(0,0,0,0.25)}
.page-terms-conditions__cta-text{font-size:1.4rem;font-weight:600;margin-bottom:8px;color:#F3F8FF}
.page-terms-conditions__cta-note{font-size:0.9rem;color:#AFC4E8;margin-bottom:24px}
.page-terms-conditions__cta-btn{display:inline-block;padding:14px 32px;border-radius:999px;background:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);font-family:inherit;font-size:1rem;font-weight:600;color:#FFFFFF;text-decoration:none;cursor:pointer;transition:all .25s ease;border:1px solid #244D84;margin-bottom:12px}
.page-terms-conditions__cta-btn:hover{transform:translateY(-2px);opacity:0.9;box-shadow:0 0 0 1px #4FA8FF}
.page-terms-conditions__cta-btn-secondary{display:inline-block;margin-left:8px;padding:14px 32px;border-radius:999px;background-color:transparent;border:2px solid #244D84;color:#F3F8FF;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:border-color .2s;cursor:pointer}
.page-terms-conditions__cta-btn-secondary:hover{border-color:#4FA8FF}

/* ========== Responsive rules ========== */
@media (max-width:768px){
  .page-terms-conditions__hero-section{padding-top:10px;padding-left:8px;padding-right:8px}
  .page-terms-conditions__hero-image{aspect-ratio:16/9}
  .page-terms-conditions__hero-content{padding:13px 0 0}
  .page-terms-conditions__update-label{font-size:0.8rem}
  .page-terms-conditions__statement-card{padding:20px 16px}
  .page-terms-conditions__terms-wrap{padding-left:8px;padding-right:8px}
  .page-terms-conditions__article-card{padding:18px 16px}
  .page-terms-conditions__cta-block{padding:30px 16px}
  .page-terms-conditions__cta-btn{padding:14px 24px;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
  .page-terms-conditions__cta-btn-secondary{width:100%;max-width:100%;padding:14px 24px;box-sizing:border-box;white-space:normal;word-wrap:break-word;margin:12px 0 0}
  .page-terms-conditions img{max-width:100%;height:auto}
}

@media (max-width:480px){
  .page-terms-conditions__hero-content{padding-top:8px}
  .page-terms-conditions__main-title{letter-spacing:0}
}