.page-terms-conditions{color:#333333;font-family:'Inter',system-ui,-apple-system,sans-serif;overflow-x:hidden}
.page-terms-conditions__hero-section{background:#F5F7FA;padding:10px 0 0}
.page-terms-conditions__hero-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 16px 32px}
.page-terms-conditions__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.08)}
.page-terms-conditions__hero-content{width:100%;max-width:900px;text-align:center}
.page-terms-conditions__main-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.3;letter-spacing:0.01em;color:#333333;margin:0 0 12px}
.page-terms-conditions__hero-description{font-size:1.05rem;line-height:1.7;color:#444444;max-width:800px;margin:0 auto 20px}
.page-terms-conditions__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
.page-terms-conditions__btn{display:inline-block;padding:12px 28px;border-radius:50px;font-weight:700;text-decoration:none;transition:transform 0.2s ease,opacity 0.2s ease;min-height:48px;line-height:1.2;box-sizing:border-box;text-align:center;max-width:100%}
.page-terms-conditions__btn:hover{transform:translateY(-2px);opacity:0.95}
.page-terms-conditions__btn--primary{background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#ffffff;box-shadow:0 4px 15px rgba(229,57,55,0.3)}
.page-terms-conditions__btn--secondary{background:#ffffff;color:#E53935;border:2px solid #E53935}
.page-terms-conditions__btn--outline{background:transparent;color:#E53935;border:2px solid #E53935}
.page-terms-conditions__container{max-width:1100px;margin:0 auto;padding:0 16px 40px}
.page-terms-conditions__intro-section,.page-terms-conditions__content-section,.page-terms-conditions__faq-section,.page-terms-conditions__cta-section{background:#ffffff}
.page-terms-conditions__intro-card{background:#F5F7FA;border-radius:14px;padding:28px;border-left:5px solid #E53935}
.page-terms-conditions__section-title{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;color:#333333;margin:36px 0 16px;position:relative;padding-bottom:10px}
.page-terms-conditions__section-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background:linear-gradient(90deg,#E53935,#FF5A4F);border-radius:2px}
.page-terms-conditions__subsection-title{font-size:1.15rem;font-weight:700;color:#E53935;margin:22px 0 10px}
.page-terms-conditions__paragraph{line-height:1.8;font-size:1rem;color:#444444;margin-bottom:14px}
.page-terms-conditions__article-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:14px;padding:26px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.page-terms-conditions__list{margin:10px 0 20px;padding-left:0;list-style:none}
.page-terms-conditions__list-item{position:relative;padding:8px 0 8px 28px;line-height:1.6;color:#444444;border-bottom:1px solid #f0f0f0}
.page-terms-conditions__list-item:last-child{border-bottom:none}
.page-terms-conditions__list-item::before{content:'▸';position:absolute;left:4px;color:#E53935;font-weight:700}
.page-terms-conditions__guide-inner{padding-top:44px}
.page-terms-conditions__guide-title{text-align:center;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;color:#E53935}
.page-terms-conditions__guide-subtitle{text-align:center;color:#666666;margin-bottom:30px;font-size:1rem}
.page-terms-conditions__guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;justify-items:center;margin-top:24px}
.page-terms-conditions__guide-figure{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;max-width:280px;width:100%;margin:0;box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.page-terms-conditions__guide-image{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.page-terms-conditions__guide-figure figcaption{padding:10px;color:#333333;font-weight:600;font-size:0.88rem;text-align:center;line-height:1.5;background:#fafafa}
.page-terms-conditions__guide-figure:nth-child(5){grid-column:2}
.page-terms-conditions__guide-figure:nth-child(6){grid-column:3}
.page-terms-conditions__cta-card{background:#E53935;border-radius:18px;padding:42px 28px;text-align:center;color:#ffffff}
.page-terms-conditions__cta-title{color:#ffffff;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800}
.page-terms-conditions__cta-text{color:#ffffff;opacity:0.95;line-height:1.7;max-width:700px;margin:0 auto 24px;font-size:1.05rem}
.page-terms-conditions__cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
.page-terms-conditions__cta-actions .page-terms-conditions__btn--outline{border-color:#ffffff;color:#ffffff}
.page-terms-conditions__faq-list{display:flex;flex-direction:column;gap:14px}
.page-terms-conditions__faq-item{background:#F5F7FA;border:1px solid #E0E0E0;border-radius:10px;transition:box-shadow 0.3s ease}
.page-terms-conditions__faq-item:hover{box-shadow:0 4px 14px rgba(0,0,0,0.06)}
.page-terms-conditions__faq-item summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px;font-weight:700;color:#333333;list-style:none;font-size:1rem}
.page-terms-conditions__faq-item summary::-webkit-details-marker{display:none}
.page-terms-conditions__faq-item summary span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#E53935;color:#ffffff;border-radius:50%;font-size:1.1rem;flex-shrink:0;transition:background 0.2s ease}
.page-terms-conditions__faq-answer{padding:0 16px 16px 54px;color:#555555;line-height:1.7}
.page-terms-conditions{scroll-behavior:smooth}
@media (max-width:768px){
.page-terms-conditions__hero-image{aspect-ratio:2/1}
.page-terms-conditions__hero-actions{flex-direction:column}
.page-terms-conditions__btn{width:100%;max-width:100%}
.page-terms-conditions__guide-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.page-terms-conditions__guide-figure:nth-child(5),.page-terms-conditions__guide-figure:nth-child(6){grid-column:auto}
.page-terms-conditions__guide-figure{margin:0 auto}
.page-terms-conditions img{max-width:100% !important;height:auto !important}
.page-terms-conditions__article-card{padding:20px}
.page-terms-conditions__cta-card{padding:32px 18px}
.page-terms-conditions__section-title{margin-top:28px}
.page-terms-conditions__faq-answer{padding-left:16px}
}
@media (max-width:480px){
.page-terms-conditions__guide-grid{grid-template-columns:1fr}
.page-terms-conditions__content-section,.page-terms-conditions__intro-section,.page-terms-conditions__faq-section,.page-terms-conditions__cta-section{padding:0}
}