*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#222;background:#f9f9f9}
.container{max-width:1100px;margin:0 auto;padding:20px}
header{text-align:center;background:#1a365d;color:white;padding:40px 0;border-radius:0 0 12px 12px}
header h1{font-size:32px;margin-bottom:10px}
header p{font-size:18px;opacity:.9}
.card{background:white;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.card h2{color:#1a365d;margin-bottom:16px;font-size:22px}
.card h3{margin-top:20px;margin-bottom:10px;color:#2d3748}
ul{padding-left:20px;margin-bottom:16px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}
.feature-box{padding:16px;background:#f0f7ff;border-radius:8px}
.feature-box h4{margin-bottom:8px;color:#1a365d}
.step{margin:12px 0;padding-left:12px;border-left:3px solid #1a365d}
.faq-item{margin-bottom:16px}
.faq-item h4{color:#1a365d;margin-bottom:4px}
.cta{text-align:center;padding:32px 20px}
.btn{display:inline-block;padding:14px 28px;background:#1a365d;color:white;text-decoration:none;border-radius:8px;font-weight:600;margin-top:10px}
.btn:hover{background:#2d4a77}
footer{text-align:center;padding:24px;color:#666;font-size:14px}