*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#fff;color:#0f172a;line-height:1.7}
.container{max-width:1250px;margin:auto;padding:0 20px}

.hero{padding:120px 20px;background:linear-gradient(135deg,#eff6ff,#fff)}
.hero-content{max-width:760px}
.tag{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#dbeafe;color:#2563eb;border-radius:999px;font-weight:600;margin-bottom:25px}
.hero h1{font-size:60px;font-weight:800;margin-bottom:20px;line-height:1.1}
.hero p{font-size:18px;color:#475569;margin-bottom:35px}
.hero-btns{display:flex;gap:18px;flex-wrap:wrap}
.primary-btn,.secondary-btn{padding:15px 28px;border-radius:16px;text-decoration:none;font-weight:600;transition:.3s}
.primary-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}
.secondary-btn{background:#fff;border:1px solid #cbd5e1;color:#0f172a}
.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}

.docs{padding:100px 20px;background:#f8fafc}
.section-title{text-align:center;font-size:42px;margin-bottom:15px}
.section-sub{text-align:center;color:#64748b;margin-bottom:60px}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.doc-card{background:#fff;padding:35px;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.3s}
.doc-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(37,99,235,.12)}
.icon{width:70px;height:70px;display:flex;justify-content:center;align-items:center;border-radius:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:28px;margin-bottom:25px}
.doc-card h3{font-size:24px;margin-bottom:15px}
.doc-card p{color:#64748b;margin-bottom:20px}
.doc-card ul{margin-left:20px}
.doc-card li{margin-bottom:10px;color:#475569}

.steps{padding:100px 20px;background:#fff}
.step-box{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.step{background:#fff;border:1px solid #e2e8f0;padding:30px;border-radius:22px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.05)}
.step-number{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold}
.step h3{margin-bottom:15px}
.step p{color:#64748b}

.support{padding:100px 20px;background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.support-box{text-align:center;max-width:850px;margin:auto;color:#fff}
.support-box h2{font-size:42px;margin-bottom:20px}
.support-box p{font-size:17px;margin-bottom:35px;opacity:.95}
.support-btn{display:inline-block;padding:16px 30px;background:#fff;color:#2563eb;border-radius:16px;text-decoration:none;font-weight:700}

@media(max-width:900px){.step-box{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
.hero{padding:90px 20px}
.hero h1{font-size:38px}
.hero p{font-size:15px}
.hero-btns{flex-direction:column}
.section-title{font-size:30px}
.step-box{grid-template-columns:1fr}
.support-box h2{font-size:30px}
}