* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Vazirmatn',Tahoma,sans-serif; color:#1e293b; line-height:1.7; background:#fff; }
.wrap { max-width:1200px; margin:auto; padding:0 20px; }
.btn { display:inline-block; padding:12px 28px; background:#0000ff; color:#fff;
    text-decoration:none; border-radius:10px; font-weight:700; transition:.3s; border:none; cursor:pointer; }
.btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.2); }
.btn-white { background:#fff; color:#0000ff; }

.blk-header { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.06); position:sticky; top:0; z-index:100; }
.blk-header .wrap { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; }
.blk-header .logo { font-size:22px; font-weight:800; color:#0000ff; }
.blk-header nav a { color:#334155; text-decoration:none; margin-right:20px; font-weight:600; transition:.2s; }
.blk-header nav a:hover { color:#0000ff; }

.blk-hero { color:#fff; padding:100px 0; text-align:center; }
.blk-hero h1 { font-size:42px; margin-bottom:15px; font-weight:800; }
.blk-hero p { font-size:18px; margin-bottom:30px; opacity:.95; }
.blk-hero .btn { background:#fff; color:#0000ff; }

.blk-text { padding:70px 0; }
.blk-text h2 { font-size:30px; margin-bottom:20px; font-weight:800; color:#0000ff; }
.blk-text p { font-size:16px; color:#475569; }

.blk-image { padding:40px 0; text-align:center; }
.blk-image img { max-width:100%; border-radius:16px; box-shadow:0 10px 40px rgba(0,0,0,.1); }
.blk-image .cap { color:#64748b; font-size:14px; margin-top:12px; }

.blk-features { padding:70px 0; background:#f8fafc; }
.blk-features h2 { font-size:30px; text-align:center; margin-bottom:40px; font-weight:800; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.feature-box { background:#fff; padding:30px 20px; border-radius:16px;
    text-align:center; box-shadow:0 4px 15px rgba(0,0,0,.05); transition:.3s; }
.feature-box:hover { transform:translateY(-5px); box-shadow:0 12px 30px rgba(0,0,0,.1); }
.feature-box i { font-size:38px; color:#0000ff; margin-bottom:15px; }
.feature-box h3 { font-size:17px; font-weight:700; }

.blk-gallery { padding:70px 0; }
.blk-gallery h2 { font-size:30px; text-align:center; margin-bottom:40px; font-weight:800; }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:15px; }
.gallery-item img { width:100%; border-radius:12px; transition:.3s; cursor:pointer; }
.gallery-item img:hover { transform:scale(1.04); box-shadow:0 10px 30px rgba(0,0,0,.15); }

.blk-cta { color:#fff; padding:70px 0; text-align:center; }
.blk-cta h2 { font-size:32px; margin-bottom:25px; font-weight:800; }

.blk-contact { padding:70px 0; background:#f8fafc; }
.blk-contact h2 { font-size:30px; text-align:center; margin-bottom:40px; font-weight:800; }
.contact-info { text-align:center; margin-bottom:35px; }
.contact-info p { font-size:16px; color:#475569; margin:8px 0; }
.contact-info i { color:#0000ff; margin-left:8px; }
.contact-form { max-width:600px; margin:auto; display:flex; flex-direction:column; gap:12px; }
.contact-form input, .contact-form textarea {
    padding:14px 16px; border:2px solid #e2e8f0; border-radius:12px;
    font-family:inherit; font-size:14px; background:#fff; transition:.2s; }
.contact-form input:focus, .contact-form textarea:focus {
    outline:none; border-color:#0000ff; box-shadow:0 0 0 4px rgba(99,102,241,.1); }
.contact-form button { margin-top:8px; }

.blk-footer { background:#0f172a; color:#94a3b8; padding:30px 0; text-align:center; }
.blk-footer p { font-size:14px; }

@media(max-width:600px){
    .blk-hero h1 { font-size:28px; }
    .blk-hero p { font-size:15px; }
    .blk-header nav a { margin-right:10px; font-size:13px; }
    .blk-text h2,.blk-features h2,.blk-gallery h2,.blk-contact h2,.blk-cta h2 { font-size:22px; }
}