@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--blue:#0969f5;--blue2:#2587ff;--deep:#073b9c;--navy:#092d70;--ink:#132e63;--muted:#7182a4;--line:#dce8fb;--pale:#f4f8ff;--shadow:0 12px 30px rgba(19,76,163,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:linear-gradient(180deg,#fff 0%,#f7faff 62%,#edf4ff 100%);font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);line-height:1.8}a,a:visited,a:hover,a:focus{text-decoration:none!important}.topbar{padding:10px max(20px,calc((100vw - 1200px)/2));background:#ffffffed;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 4px 20px #143c8509;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);border-bottom:1px solid #edf3ff}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);font-size:24px;font-weight:800;white-space:nowrap}.logo{display:grid;place-items:center;background:linear-gradient(135deg,#3295ff,#0754df);color:#fff;border-radius:13px;width:43px;height:43px;font-size:26px;box-shadow:0 7px 15px #0757e826}.brand small{display:block;font-size:9px;color:var(--muted);font-weight:500;line-height:1.5}.topbar nav{display:flex;gap:18px;font-size:12px;font-weight:700;align-items:center}.topbar nav a{color:#53678c;white-space:nowrap}.topbar nav a:hover,.topbar nav a.active{color:var(--blue)}.container{max-width:1200px;margin:auto;padding:22px 16px 45px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,#278aff,#0756e7);color:white!important;border:0;border-radius:12px;padding:11px 21px;font:700 13px Vazirmatn,Tahoma,sans-serif;box-shadow:0 8px 18px #0757e826;cursor:pointer;transition:.2s}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-small{padding:8px 14px;font-size:11px;white-space:nowrap}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;min-height:335px;padding:32px 38px;border-radius:25px;overflow:hidden;color:white;background:radial-gradient(ellipse at 7% 12%,#55aaff 0,transparent 34%),radial-gradient(ellipse at 94% 100%,#1645a4 0,transparent 42%),linear-gradient(115deg,#0860ed,#082f88 90%);box-shadow:0 16px 35px #174d9c22}.hero:before{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff22;border-radius:50%;left:-100px;bottom:-280px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff07}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;border:1px solid #ffffff50;background:#ffffff17;border-radius:20px;padding:4px 13px;font-size:11px}.hero h1{font-size:clamp(31px,3.7vw,46px);line-height:1.38;margin:12px 0}.hero h1 em{font-style:normal;color:#b9d9ff}.hero p{max-width:610px;color:#e5efff;font-size:13px;margin:0 0 14px}.hero-points{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;margin:13px 0 21px}.hero-illustration{min-height:260px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-orbit{position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid #ffffff35;box-shadow:0 0 0 20px #ffffff0a,0 0 0 48px #ffffff06}.orbit-two{width:185px;height:185px;background:radial-gradient(circle,#ffffff20,transparent 70%)}.hero-main-icon{z-index:1;display:grid;place-items:center;width:126px;height:126px;border:5px solid #ffffffbd;border-radius:35px;background:linear-gradient(145deg,#fff,#d8e8ff);color:#0967ef;font-size:76px;font-weight:800;box-shadow:0 20px 45px #001d6040;transform:rotate(-5deg)}.hero-bubble{position:absolute;z-index:3;display:grid;grid-template-columns:38px auto;column-gap:9px;align-items:center;background:#fff;color:#123c91;border-radius:14px;padding:10px 13px;box-shadow:0 12px 28px #001e6040;font-size:11px;min-width:155px}.hero-bubble span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e5efff;color:#0868f6;font-size:21px}.hero-bubble b{font-size:11px}.hero-bubble small{font-size:9px;color:#7585a5}.bubble-one{left:0;top:17px}.bubble-two{right:-4px;bottom:22px}.bubble-three{left:-4px;bottom:65px;min-width:130px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 4px 30px;padding:15px 10px;border:1px solid #e1edff;border-radius:19px;background:linear-gradient(110deg,#edf5ff,#fff);box-shadow:0 7px 20px #1a55a30a}.stats-strip>div{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;justify-content:center;border-left:1px solid #d8e7ff}.stats-strip>div:last-child{border-left:0}.stat-icon{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;background:#dceaff;color:#0868f6;border-radius:12px;font-size:22px}.stats-strip b{font-size:15px;color:#0757df}.stats-strip small{font-size:10px;color:#7183a7}.section{margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.section-head h1,.section-head h2,.panel h1{margin:0;font-size:23px;color:#102b63}.section-head p,.panel>p{color:var(--muted);font-size:12px;margin:3px 0}.section-head>a,.see-all{font-size:11px;font-weight:700;color:var(--blue);padding:7px 11px;border:1px solid #dfebff;border-radius:10px;background:#fff;box-shadow:0 4px 12px #17478d08}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-card{min-height:122px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e6edfb;border-radius:16px;box-shadow:0 6px 16px #17478d07;transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--ink)}.category-card:hover{border-color:#8db8ff;transform:translateY(-3px);box-shadow:var(--shadow)}.cat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#e5efff;color:#0757e8;font-size:22px;margin-bottom:1px}.c1{background:#ffe8f5;color:#e72e8a}.c2{background:#def8ef;color:#0c9b69}.c3{background:#eee7ff;color:#7841d7}.c4{background:#e1f1ff;color:#1676e8}.c5{background:#f4e6ff;color:#9a43cc}.category-card b{font-size:11px}.category-card small{font-size:9px;color:var(--muted)}.request-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.request-feature{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.request-feature h3{font-size:17px;margin:10px 0 5px}.request-feature p{font-size:12px;color:var(--muted);margin:0 0 15px}.feature-icon{display:grid;place-items:center;width:44px;height:44px;background:#e4efff;color:#0969f5;border-radius:14px;font-size:24px}.blue-feature{background:linear-gradient(125deg,#0867f4,#08378f);color:#fff;border-color:#1c64d6}.blue-feature p{color:#dbe9ff}.blue-feature .feature-icon{background:#ffffff24;color:#fff}.btn-white{background:#fff;color:#0757e8!important;box-shadow:none}.why-section{padding:24px;border-radius:22px;background:linear-gradient(130deg,#f7fbff,#fff);border:1px solid #e5efff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.why-grid article{text-align:center;padding:15px 10px}.why-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;margin:0 auto 9px;font-size:27px;font-weight:800}.shield{background:#e2efff;color:#1675ed}.bolt{background:#dcfaec;color:#10a76b}.people{background:#eee5ff;color:#7d49d5}.free{background:#fff0dc;color:#ed8d1a}.why-grid b{font-size:12px}.why-grid p{font-size:10px;color:var(--muted);margin:4px 0}.wide-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-radius:22px;color:#fff;background:radial-gradient(circle at 10% 20%,#3e9bff,transparent 36%),linear-gradient(110deg,#0969f5,#073587);box-shadow:var(--shadow);overflow:hidden}.wide-cta h2{margin:0 0 6px;font-size:21px}.wide-cta p{font-size:12px;color:#e1edff;margin:0 0 14px}.cta-art{position:relative;display:grid;place-items:center;min-width:160px;height:130px}.cta-art span{display:grid;place-items:center;width:100px;height:100px;border:4px solid #ffffffb8;border-radius:28px;background:linear-gradient(145deg,#fff,#d8e8ff);color:#0967ef;font-size:56px;box-shadow:0 15px 35px #001d6040;transform:rotate(-5deg)}.cta-art i{position:absolute;display:grid;place-items:center;width:34px;height:34px;background:#fff;color:#0967ef;border-radius:11px;font-style:normal;box-shadow:0 7px 18px #001d6030}.cta-art i:nth-child(2){top:5px;left:16px}.cta-art i:nth-child(3){right:7px;bottom:4px}.site-footer{margin-top:38px;background:linear-gradient(125deg,#0757d9,#082d7b 80%);color:#e5efff;padding:38px max(20px,calc((100vw - 1200px)/2)) 0;position:relative;overflow:hidden;border-radius:22px 22px 0 0}.site-footer:before{content:"";position:absolute;top:-90px;left:-5%;right:-5%;height:130px;border-radius:50%;background:#ffffff0b}.footer-grid{position:relative;display:grid;grid-template-columns:1.25fr .8fr .9fr 1.15fr;gap:26px;max-width:1200px;margin:0 auto 28px}.site-footer h3{font-size:14px;margin:0 0 14px;color:#fff}.footer-brand{font-size:22px;color:#fff}.footer-brand small{color:#bcd4ff}.footer-about p{font-size:11px;color:#d1e1ff;line-height:2;margin:14px 0}.site-footer section>a:not(.brand){display:block;color:#d1e1ff;padding:4px 0;font-size:11px}.site-footer section>a:hover{color:#fff}.footer-social{display:flex;gap:7px;flex-wrap:wrap}.footer-social span{font-size:9px;border:1px solid #ffffff3b;border-radius:9px;padding:5px 8px;color:#e2edff}.footer-contact-row{display:flex;align-items:center;gap:10px;margin:9px 0}.footer-contact-row>span{display:grid;place-items:center;flex:0 0 32px;height:32px;background:#ffffff1b;border-radius:10px;font-size:18px}.footer-contact-row b{display:block;font-size:10px;color:#bcd7ff}.footer-contact-row a,.footer-contact-row p{display:block;margin:0;color:#fff;font-size:10px;overflow-wrap:anywhere}.license-placeholder{min-height:155px;border:1px dashed #9dc5ff99;border-radius:16px;background:#ffffff0b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px}.license-placeholder>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ffffff1d;color:#fff;font-size:27px;margin-bottom:8px}.license-placeholder b{font-size:11px}.license-placeholder p{font-size:9px;color:#d1e1ff;margin:6px 0 0}.footer-bottom{position:relative;border-top:1px solid #ffffff25;max-width:1200px;margin:auto;min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#c7dcff}.footer-bottom div{display:flex;gap:15px;flex-wrap:wrap}.footer-bottom a{color:#e5efff}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);margin:15px 0}.narrow{max-width:520px;margin:35px auto}.panel form{margin-top:20px}.panel label{display:block;font-size:12px;color:#52658b;font-weight:700;margin-bottom:15px}.panel label small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.panel input,.panel select,.panel textarea,.search-panel input,.search-panel select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fbfdff;color:var(--ink);font:400 13px Vazirmatn,Tahoma,sans-serif;outline:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:22px}.span-2{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:16px;margin-top:12px}.muted{color:var(--muted);font-size:12px}.notice{padding:13px 15px;background:#eaf5ff;color:#154b9e;border:1px solid #cde2ff;border-radius:12px;margin:15px 0;font-size:13px}.notice.error{background:#fff0f0;border-color:#ffd2d2;color:#a22}.full{width:100%}.login{text-align:center}.login-icon{margin:0 auto 10px;width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:#e4efff;color:var(--blue);font-size:32px}.login p{color:var(--muted);font-size:13px}.login form{text-align:right}.mini{margin:15px 0}.empty{text-align:center;padding:45px;color:var(--muted)}.empty .btn{margin-top:15px}.table-wrap{width:100%;overflow-x:auto;margin-top:18px}table{border-collapse:collapse;width:100%;min-width:750px;font-size:12px}th,td{text-align:right;padding:13px 10px;border-bottom:1px solid #e7eefb}th{background:#f5f8ff;color:#4e6288}.status{display:inline-block;background:#e8f2ff;color:#0757e8;padding:3px 9px;border-radius:20px;white-space:nowrap}.inline{display:flex;gap:5px;align-items:center}.inline select{min-width:120px;margin:0;padding:6px}.fee-form{display:flex;align-items:end;gap:12px;max-width:550px}.fee-form label{flex:1}.amount{font-size:34px;font-weight:800;text-align:center;color:var(--blue);padding:20px}.amount small{font-size:13px}.search-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow);margin-top:16px}.search-panel form{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px;align-items:end}.search-panel label{display:block;font-size:11px;color:#52658b;font-weight:700}.search-panel input,.search-panel select{height:43px;background:#f8fbff}.search-panel .btn{height:43px;white-space:nowrap}input,select,textarea,button{max-width:100%}
@media(max-width:980px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center;gap:12px;flex-wrap:wrap}.hero{padding:27px;grid-template-columns:1fr 0.8fr}.hero h1{font-size:34px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.topbar{padding:10px 13px;gap:8px}.brand{font-size:20px}.brand small{font-size:8px}.logo{width:37px;height:37px}.topbar nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.topbar nav a{font-size:10px}.topbar>.btn{font-size:10px;padding:7px 9px}.container{padding:14px 12px 28px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:22px 19px;border-radius:19px;gap:8px}.hero-illustration{min-height:190px;width:100%}.hero-orbit{width:175px;height:175px}.orbit-two{width:130px;height:130px}.hero-main-icon{width:88px;height:88px;border-radius:25px;font-size:52px}.hero-bubble{min-width:125px;padding:7px 9px;grid-template-columns:28px auto;gap:6px}.hero-bubble span{width:27px;height:27px;font-size:16px}.hero-bubble b{font-size:9px}.hero-bubble small{font-size:8px}.bubble-one{left:0;top:3px}.bubble-two{right:0;bottom:4px}.bubble-three{left:0;bottom:50px}.hero h1{font-size:30px}.hero p{font-size:12px}.hero-points{font-size:9px;gap:8px}.stats-strip{grid-template-columns:repeat(2,1fr);gap:12px;padding:14px 8px}.stats-strip>div{border-left:0;justify-content:start;padding:0 8px}.stats-strip b{font-size:13px}.stats-strip small{font-size:9px}.section{margin-top:24px}.section-head h2{font-size:19px}.section-head p{font-size:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-card{min-height:112px;padding:10px 5px}.category-card b{font-size:10px}.request-feature-grid{grid-template-columns:1fr}.request-feature{padding:17px}.why-section{padding:15px}.why-grid{grid-template-columns:repeat(2,1fr);gap:4px}.why-grid article{padding:10px 5px}.wide-cta{padding:20px;gap:10px;flex-direction:column-reverse;align-items:stretch}.wide-cta h2{font-size:18px}.cta-art{height:95px;min-width:0}.cta-art span{width:72px;height:72px;font-size:42px}.footer-grid{grid-template-columns:1fr;gap:20px}.site-footer{padding:28px 18px 0;margin-top:25px;border-radius:18px 18px 0 0}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;padding:13px 0}.footer-bottom div{gap:12px}.search-panel form{grid-template-columns:1fr}.search-panel .btn{width:100%}.panel{padding:18px 14px;border-radius:17px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.fee-form{display:block}.fee-form .btn{width:100%}}

/* Hero section refinement based on approved reference */
.hero{min-height:335px;padding:30px 36px;grid-template-columns:1fr 1.05fr;gap:28px;border-radius:24px;background:radial-gradient(ellipse at 5% 10%,#4ba2ff 0%,transparent 36%),radial-gradient(ellipse at 100% 100%,#1744a2 0%,transparent 45%),linear-gradient(110deg,#0861ec 0%,#07358e 88%);overflow:hidden}
.hero-copy{text-align:right}
.hero h1{font-size:clamp(34px,3.8vw,48px);line-height:1.32;margin:12px 0 14px;font-weight:800;letter-spacing:-.6px}
.hero p{font-size:13px;line-height:2.05;max-width:630px}
.hero-points{justify-content:flex-start;gap:14px;font-size:11px}
.hero-illustration{min-height:275px;position:relative}
.hero-orbit{width:270px;height:270px;border-color:#ffffff2a;box-shadow:0 0 0 24px #ffffff08,0 0 0 52px #ffffff05}
.orbit-two{width:190px;height:190px;background:#ffffff05}
.hero-main-icon{width:126px;height:126px;border-radius:34px;border:5px solid #fff;background:linear-gradient(145deg,#fff,#d9e9ff);color:#0968f6;transform:rotate(-5deg);font-size:66px;box-shadow:0 20px 50px #00194e44}
.hero-main-icon .brand-mark{display:block;transform:rotate(5deg);font-size:64px;line-height:1}
.hero-bubble{min-width:155px;border-radius:14px;padding:10px 12px;box-shadow:0 12px 25px #001e6040}
.bubble-one{left:0;top:18px}
.bubble-two{right:-2px;bottom:17px}
.bubble-three{left:-2px;bottom:66px}
.hero .btn{padding:12px 22px}
@media(max-width:650px){.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:22px 18px;gap:5px}.hero-illustration{min-height:195px}.hero-orbit{width:180px;height:180px}.orbit-two{width:132px;height:132px}.hero-main-icon{width:90px;height:90px;border-radius:25px}.hero-main-icon .brand-mark{font-size:46px}.hero h1{font-size:30px}}

/* Hero art update: actual professional cutout, matching reference */
.hero{grid-template-columns:1.05fr .95fr}
.hero-people{min-height:280px;display:block;align-self:stretch}
.hero-people .hero-orbit{left:50%;top:50%;transform:translate(-50%,-50%);width:275px;height:275px}
.hero-people .orbit-two{width:205px;height:205px}
.hero-people-img{position:absolute;z-index:2;bottom:-12px;left:50%;transform:translateX(-50%);width:min(100%,410px);height:300px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 18px #001d5b35)}
.hero-people .hero-bubble{z-index:4}
.hero-people .bubble-one{left:-4px;top:22px}
.hero-people .bubble-three{left:-4px;bottom:50px}
.hero-people .bubble-two{right:-4px;bottom:14px}
@media(max-width:650px){.hero-people{min-height:230px;width:100%}.hero-people-img{height:240px;width:100%;bottom:-4px}.hero-people .hero-orbit{width:190px;height:190px}.hero-people .orbit-two{width:140px;height:140px}.hero-people .bubble-one{left:0;top:0}.hero-people .bubble-three{left:0;bottom:42px}.hero-people .bubble-two{right:0;bottom:0}}
