.terms-of-service{margin:2rem auto;padding:2rem 4rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);line-height:1.7;color:#444;font-family:'Segoe UI',system-ui,sans-serif}
.terms-of-service h1{color:#2d3436;font-size:2.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid #6c5ce7;font-weight:600}
.terms-of-service h2{color:#2d3436;font-size:1.5rem;margin:2.5rem 0 1rem;padding:.5rem 0;border-bottom:2px solid #eee;font-weight:600;position:relative}
.terms-of-service h2::before{content:'';position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:#6c5ce7}
.terms-of-service p{margin:1rem 0;color:#555;font-size:1rem}
.terms-of-service strong{color:#2d3436}
.terms-of-service a{color:#6c5ce7;text-decoration:none;border-bottom:1px dotted currentColor}
.terms-of-service a:hover{color:#4b4bff}
.terms-of-service ul{margin:1rem 0;padding-left:1.5rem}
.terms-of-service li{margin:.5rem 0;position:relative}
.terms-of-service li::before{content:'•';color:#6c5ce7;position:absolute;left:-1.2rem}
.important-section{background:#f8f9fa;padding:1.5rem;border-left:4px solid #6c5ce7;border-radius:6px;margin:1.5rem 0}
.terms-of-service > p:first-of-type{color:#6c5ce7;font-weight:500;margin-bottom:2rem}
.terms-of-service h2:last-of-type{border-bottom:none;margin-top:3rem}
.terms-of-service h2:last-of-type::before{display:none}
@media (max-width: 768px) {
.terms-of-service{padding:1.5rem;margin:1rem}
.terms-of-service h1{font-size:2rem}
.terms-of-service h2{font-size:1.3rem}
}
@media print {
.terms-of-service{box-shadow:none;padding:0;max-width:100%}
.terms-of-service h1{font-size:1.8rem}
}