@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--blue:#0866d7;--navy:#083b78;--ink:#142947;--muted:#718096;--line:#e5ebf3;--bg:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}.top{background:#073b7a;color:#eaf3ff;font-size:12px}.topin{display:flex;justify-content:space-between;padding:7px 0}.topin div{display:flex;gap:20px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.logo{display:flex;align-items:center;gap:10px;min-width:max-content}.meg{display:grid;place-items:center;background:#eaf3ff;border-radius:14px;width:48px;height:48px;font-size:26px}.logo b{display:block;font-size:20px;color:var(--navy);line-height:1.4}.logo small{display:block;font-size:11px;color:var(--muted)}nav{display:flex;gap:22px;font-size:13px;font-weight:700}nav a:hover,nav .on{color:var(--blue)}.btn{display:inline-block;border:0;border-radius:13px;background:var(--blue);color:white;padding:12px 22px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.btn:hover{background:#064fa8}.hero{background:radial-gradient(ellipse at 80% 10%,#2489e7 0,transparent 44%),linear-gradient(115deg,#07366f,#116ac0);color:white;padding:62px 0 52px;overflow:hidden}.heroin{text-align:center}.pill{display:inline-block;background:#ffffff1c;border:1px solid #ffffff2c;padding:5px 14px;border-radius:25px;font-size:12px}h1{font-size:clamp(34px,4.3vw,54px);line-height:1.3;margin:13px 0} .heroin>p{margin:0 0 27px;color:#e4f1ff}.search{display:flex;gap:9px;background:#fff;border-radius:16px;padding:9px;max-width:900px;margin:auto}.search input,.search select{font:inherit;font-size:13px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}.search input{flex:2}.search select{flex:1}.hero-notes{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:12px;margin-top:16px;color:#e1efff}.section{padding:48px 0}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.heading small,.about .blue{font-size:12px;color:var(--blue);font-weight:700}.heading h2,.about h2{font-size:26px;margin:2px 0}.heading p{font-size:13px;color:var(--muted);margin:0}.cats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.cats button{font:inherit;background:white;border:1px solid var(--line);border-radius:15px;padding:17px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:.18s}.cats button:hover{transform:translateY(-3px);border-color:#a5ccff;box-shadow:0 8px 24px #173f6a10}.cats i{font-style:normal;font-size:24px;font-weight:800;display:grid;place-items:center;width:45px;height:45px;border-radius:13px;margin-bottom:3px}.cats b{font-size:13px}.cats small{font-size:10px;color:var(--muted)}.c-blue{background:#e6f0ff;color:#1269d3}.c-orange{background:#fff0df;color:#e87813}.c-cyan{background:#e2f8ff;color:#079bc5}.c-green{background:#e5f8ed;color:#1a9b5b}.c-purple{background:#f2e9ff;color:#8649d7}.c-dark{background:#edf0f5;color:#26364d}.c-red{background:#ffe7e9;color:#db3348}.c-yellow{background:#fff5d9;color:#b98300}.muted{background:var(--bg)}.sample{background:#e7edf5;color:#738198;padding:5px 12px;border-radius:20px;font-size:11px}.ads{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ad{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 4px 16px #183a6507;transition:.2s}.ad:hover{transform:translateY(-3px);box-shadow:0 12px 28px #183a6510}.art{height:140px;display:grid;place-items:center;font-size:48px;position:relative;background:linear-gradient(135deg,#e7f1ff,#cfe4ff)}.art.orange{background:linear-gradient(135deg,#fff0df,#ffdfba)}.art.green{background:linear-gradient(135deg,#e5f8ed,#bcebd0)}.art.purple{background:linear-gradient(135deg,#f2e9ff,#dfc8ff)}.tag{position:absolute;top:10px;right:10px;background:var(--blue);color:white;border-radius:7px;padding:2px 9px;font-size:10px}.adbody{padding:13px}.ad h3{font-size:14px;margin:0 0 6px}.ad p{font-size:11px;color:var(--muted);margin:0}.adfoot{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;border-top:1px solid #edf1f6;margin-top:10px;padding-top:9px;font-size:11px}.price{color:var(--blue);font-weight:800}.empty{text-align:center;background:#fff;border-radius:14px;padding:30px;color:var(--muted)}.promo{margin-top:34px;margin-bottom:20px;border-radius:20px;padding:27px 32px;background:linear-gradient(115deg,#0751ad,#0877e5);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.promo small{color:#d8eaff}.promo h2{font-size:23px;margin:5px 0}.promo p{font-size:13px;color:#e1efff;margin:0}.white{background:white;color:var(--blue)}.about{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.about p{font-size:14px;color:var(--muted)}.benefits p{display:flex;align-items:center;gap:10px}.benefits span{display:flex;flex-direction:column;color:var(--ink)}.benefits b{font-size:13px}.benefits small{font-size:11px;color:var(--muted)}footer{background:#082b56;color:#d8e7fa;padding-top:36px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding-bottom:25px}.foot .logo b{color:white}.foot .logo small{color:#b9d0ed}.foot h3{font-size:14px;color:white}.foot p,.foot a{font-size:12px;color:#d1e0f3}.copy{text-align:center;border-top:1px solid #ffffff1b;padding:13px;font-size:11px;color:#a9c1df}
@media(max-width:950px){nav{gap:12px;font-size:11px}.cats{grid-template-columns:repeat(4,1fr)}.ads{grid-template-columns:repeat(2,1fr)}.header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px}}
@media(max-width:600px){.header{gap:10px}.logo b{font-size:16px}.meg{width:40px;height:40px}.header>.btn{display:none}nav{overflow:auto;justify-content:flex-start;white-space:nowrap}.hero{padding:42px 0}.search{flex-direction:column}.search input,.search select,.search .btn{width:100%}.hero-notes{gap:10px;font-size:10px}.section{padding:35px 0}.heading h2,.about h2{font-size:22px}.heading p{display:none}.cats{grid-template-columns:repeat(2,1fr);gap:9px}.ads{gap:10px}.art{height:100px;font-size:36px}.adbody{padding:10px}.ad h3{font-size:12px}.adfoot{flex-direction:column}.promo{margin-top:22px;padding:22px;align-items:flex-start;flex-direction:column}.promo h2{font-size:20px}.about{grid-template-columns:1fr;gap:20px}.foot{grid-template-columns:1fr;gap:20px}}