:root{--navy:#061a3a;--blue:#092955;--gold:#ffe889;--ink:#101a32;--paper:#f5f8ff}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;background:#fff}
    .site{max-width:1500px;margin:auto;overflow:hidden}
    .topbar{height:64px;background:#061a3a;color:#f4f6ff;position:relative;z-index:5}
    .nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 9%;direction:ltr}
    .brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-size:23px;font-weight:700;direction:ltr;white-space:nowrap}
    .brand-mark{width:35px;height:34px;display:grid;place-items:center;color:#071a39;background:var(--gold);font-size:25px;font-weight:900;clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,0 100%)}
    .nav-links{display:flex;gap:29px;align-items:center;margin:0;padding:0;list-style:none;font-size:13px;direction:rtl}
    .nav-links a{color:#f2f5ff;text-decoration:none;white-space:nowrap}
    .nav-links a.active{color:var(--gold);border-bottom:2px solid var(--gold);padding:22px 0 19px}
    .nav-tools{display:flex;align-items:center;gap:24px;color:#fff;font-size:19px;direction:ltr}
    .nav-tools a{color:inherit;text-decoration:none}
    .nav-cta,.btn-gold{background:var(--gold);color:#111a2d!important;border:0;border-radius:40px;padding:12px 22px;font-weight:800;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:13px;white-space:nowrap}
    .nav-cta{padding:11px 20px}
    .nav-toggle{display:none;color:#fff;border:1px solid #ffffff50}
    .hero{height:356px;position:relative;display:flex;align-items:center;background:#071d40;color:#fff;isolation:isolate;overflow:hidden;direction:ltr}
    .hero-photo{position:absolute;z-index:0;right:0;top:0;width:50%;height:100%;object-fit:contain;object-position:right center;opacity:1;mask-image:linear-gradient(to right,transparent 0%,#000 38%)}
    .hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#061b3c 0%,#061b3cf5 34%,#061b3c9e 57%,#061b3c00 100%)}
    .hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#061a3acc,transparent 38%,#061a3a20)}
    .hero-copy{width:59%;padding:12px 5.3% 7px 5.3%;position:relative;z-index:1;direction:rtl;margin-right:auto}
    .eyebrow{color:#fff0a0;font-size:19px;font-family:Arial,sans-serif;direction:ltr;text-align:left;margin:0 0 8px}
    .eyebrow span{color:#ffe47a;font-size:24px;margin-right:7px}
    h1{font-size:35px;line-height:1.55;font-weight:900;margin:0 0 3px;white-space:nowrap;text-align:right}
    .hero-sub{font-size:21px;font-weight:700;margin:0 0 15px;text-align:right}
    .features{display:flex;gap:24px;align-items:center;margin:0 0 19px;padding:0;list-style:none;direction:ltr;justify-content:flex-start}
    .features li{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.65;max-width:175px;direction:rtl}
    .feature-icon{font-size:25px;color:var(--gold);flex:none}
    .hero-actions{display:flex;gap:17px;direction:ltr;justify-content:flex-start}
    .btn-outline-gold{border:1px solid #8197bb;border-radius:35px;padding:10px 20px;color:#fff;text-decoration:none;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:9px}
    .chart-card{position:absolute;z-index:2;right:8.6%;top:26%;width:250px;height:230px;text-align:center;color:var(--gold);text-shadow:0 2px 8px #071a38}
    .chart-title{font-family:Arial,sans-serif;font-size:66px;line-height:1;font-weight:900;margin-bottom:9px}
    .bars{height:110px;display:flex;direction:ltr;align-items:flex-end;justify-content:center;gap:8px;border-bottom:3px solid #d9bc55;position:relative;padding:0 16px}
    .bars i{display:block;width:26px;background:linear-gradient(#ffe783,#ba8b28);box-shadow:0 0 16px #f3d86755}
    .bars i:nth-child(1){height:26%}.bars i:nth-child(2){height:39%}.bars i:nth-child(3){height:54%}.bars i:nth-child(4){height:67%}.bars i:nth-child(5){height:82%}.bars i:nth-child(6){height:100%}
    .trend{position:absolute;right:25px;top:9px;font-size:50px;font-weight:300;transform:rotate(-16deg)}
    .mentor{position:absolute;bottom:16px;right:36%;width:255px;min-height:116px;text-align:center;color:#fff4b1;background:linear-gradient(145deg,#103763f2,#071a37f5);border:1.5px solid #ffe68a;border-radius:25px 25px 18px 18px;padding:39px 14px 12px;z-index:2;box-shadow:0 10px 28px #00102770,0 0 18px #ffe88918;backdrop-filter:blur(5px)}
    .mentor::before{content:"";position:absolute;top:0;left:22px;right:22px;height:2px;background:linear-gradient(90deg,transparent,#fff0a2,transparent);opacity:.85}
    .mentor-avatar{position:absolute;top:-31px;left:50%;transform:translateX(-50%);border:3px solid #ffe889;background:var(--gold);color:var(--navy);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 14px #00112799}
    .mentor-avatar::before{content:"";position:absolute;top:10px;width:13px;height:13px;border-radius:50%;background:#09244a}
    .mentor-avatar::after{content:"";position:absolute;bottom:9px;width:26px;height:15px;border-radius:15px 15px 7px 7px;background:#09244a}
    .mentor small{display:block;font-size:10px;color:#ffe992;margin-bottom:3px}.mentor strong{font-size:17px;line-height:1.5;display:block;color:#fff}.mentor em{font-size:9px;line-height:1.65;font-style:normal;display:block;color:#f4e8b6;margin-top:3px}
    .details{background:var(--paper);display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:20px;padding:28px 3.2% 24px;min-height:368px;align-items:stretch;direction:ltr}
    .skills-card,.intro-card,.certificate{direction:rtl}
    .card-navy{background:#082c5b;color:#fff;border-radius:12px;padding:19px 20px;box-shadow:0 5px 16px #071c3810}
    .card-heading{font-size:19px;font-weight:900;margin:0 0 3px;display:flex;align-items:center;gap:9px}
    .card-heading .symbol{color:var(--gold);font-size:23px}
    .card-sub{font-size:12px;color:#e1eafa;margin:0 0 17px}
    .skills-card{text-align:right}
    .skill-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;height:208px}
    .skill{border-radius:12px;background:linear-gradient(150deg,#174477,#0a2b57);text-align:center;padding:13px 7px 9px;display:flex;flex-direction:column;align-items:center}
    .skill-icon{font-size:29px;color:var(--gold);line-height:1.35;margin-bottom:6px}
    .skill strong{font-size:13px;line-height:1.7}.skill small{font-family:Arial,sans-serif;color:#e9eff8;font-size:11px;line-height:1.4;min-height:28px}
    .skill ul{padding:0;margin:8px 0 0;list-style:none;text-align:right;font-size:11px;line-height:2.35;width:100%}
    .skill li::after{content:"✓";color:var(--gold);font-weight:bold;margin-right:5px}
    .intro-card{position:relative;overflow:hidden;display:flex;align-items:stretch;background:#f7f9ff;padding:0 0 0 0}
    .intro-photo{position:absolute;bottom:0;left:0;width:39%;height:62%;object-fit:contain;object-position:left bottom;mask-image:linear-gradient(0deg,#000 65%,transparent)}
    .intro-copy{position:relative;z-index:1;margin-right:auto;width:75%;padding:20px 13px 12px 0;text-align:right}
    .intro-copy .card-heading{font-size:17px;line-height:1.55;color:#101a32;justify-content:flex-start}
    .intro-copy .symbol{color:#112d55}
    .intro-copy p{font-size:13px;line-height:1.9;margin:12px 0 16px}
    .audience{border-top:1px solid #d9deeb;padding-top:11px;margin-right:0;font-size:12px;line-height:2.3}
    .audience div::after{content:"✓";font-weight:900;color:#111b32;margin-right:7px}
    .certificate{text-align:right;padding:19px 22px}
    .certificate .card-sub{font-size:13px;line-height:1.85;margin-top:8px}
    .seal{font-size:28px;color:var(--gold)}
    .results{height:212px;position:relative;overflow:hidden;background:#061b3c;color:#fff;display:grid;grid-template-columns:18% 32% 38% 12%;align-items:center;padding:18px 4.5%;direction:ltr}
    .mountain-photo{position:absolute;left:0;top:0;height:100%;width:35%;object-fit:contain;object-position:left center;opacity:.96;z-index:0;mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}
    .results::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061b3c00 0%,#061b3c99 27%,#061b3c 53%);z-index:0}
    .stats,.result-copy,.tagline{position:relative;z-index:1}
    .stats{z-index:2;grid-column:2}
    .result-copy{grid-column:3}
    .tagline{grid-column:4}
    .stats{display:flex;gap:30px;align-items:center;justify-content:center;direction:ltr}
    .stat{text-align:center;min-width:108px}
    .ring{width:82px;height:82px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;border:7px solid #f7dc75;outline:5px solid #244c82;box-shadow:inset 0 0 0 4px #0d376a;font:700 20px Arial,sans-serif}
    .stat strong{font-size:11px;display:block}.stat small{font-size:10px;color:#d7e3f5}
    .result-copy{text-align:right;padding:0 12px;direction:rtl}
    .result-copy h2{font-size:18px;font-weight:900;margin:0 0 7px}
    .result-copy p{font-size:12px;line-height:1.9;margin:0 0 13px;color:#e3eafa}
    .result-copy .btn-gold{padding:11px 25px}
    .tagline{font-family:Arial,sans-serif;font-style:italic;font-weight:700;color:var(--gold);font-size:17px;line-height:1.45;transform:rotate(-8deg);text-align:center;direction:ltr}
    @media(max-width:1100px){.nav-inner{padding:0 6%}.nav-links{gap:16px;font-size:12px}.nav-tools{gap:13px}.hero-copy{width:68%;padding-right:4%}h1{font-size:29px}.chart-card{right:4%;transform:scale(.8);transform-origin:top right}.mentor{right:43%}.details{gap:13px;padding-inline:2%}.card-navy{padding:16px 14px}.skill-list{gap:7px}.skill{padding-inline:4px}.skill strong{font-size:12px}.intro-copy{width:82%}.stats{gap:12px}.stat{min-width:90px}}
    @media(max-width:767px){
      .topbar{height:60px}.nav-inner{padding:0 24px}.brand{font-size:20px}.brand-mark{width:31px;height:30px;font-size:22px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:60px;inset-inline:0;background:#071d40;padding:12px 22px;gap:0;box-shadow:0 9px 14px #00102a55}.nav-links.show{display:flex;flex-direction:column;align-items:stretch}.nav-links li{padding:10px 0;border-bottom:1px solid #ffffff18}.nav-links a.active{padding:0;border:0}.nav-tools{margin-left:auto;margin-right:0;gap:12px}.nav-tools .search{display:none}.nav-cta{padding:8px 13px;font-size:11px}.hero{height:auto;min-height:565px;align-items:flex-start}.hero-photo{width:100%;height:auto;top:0;object-fit:contain;object-position:top right;opacity:1}.hero::before{background:linear-gradient(180deg,#061b3c87,#061b3cf2 55%,#061b3c)}.hero-copy{width:100%;padding:38px 24px 165px;text-align:right;margin-right:0}.eyebrow{text-align:right;font-size:15px}.eyebrow span{margin:0 0 0 6px}h1{font-size:25px;line-height:1.6;white-space:normal}.hero-sub{font-size:16px}.features{gap:10px;justify-content:space-between;margin:14px 0}.features li{font-size:10px;display:block;text-align:center;flex:1}.feature-icon{display:block;font-size:23px}.hero-actions{gap:9px;flex-wrap:wrap}.btn-gold,.btn-outline-gold{font-size:11px;padding:10px 14px}.chart-card{right:4%;top:auto;bottom:9px;transform:scale(.56);transform-origin:bottom right;opacity:.82}.mentor{right:auto;left:4%;bottom:18px;transform:scale(.78);transform-origin:bottom left;width:235px}.details{grid-template-columns:1fr;padding:18px;gap:14px}.card-navy{min-height:unset;padding:17px}.skill-list{height:auto;gap:7px}.skill{min-height:188px}.skill-icon{font-size:25px}.skill strong{font-size:11px}.skill small{font-size:9px}.skill ul{font-size:10px}.intro-card{min-height:295px}.intro-copy{width:80%;padding:18px 10px 12px 0}.intro-photo{width:35%;height:68%;object-fit:contain;object-position:left bottom}.certificate{min-height:170px}.results{height:auto;min-height:430px;grid-template-columns:1fr;gap:13px;padding:30px 20px;align-content:center}.mountain-photo{width:100%;height:100%;object-fit:contain;object-position:left center;opacity:.55;mask-image:linear-gradient(90deg,#000,transparent 100%)}.results::before{background:linear-gradient(180deg,#061b3c38,#061b3ce8 56%)}.result-copy{text-align:center;grid-row:1;grid-column:1}.result-copy h2{font-size:17px}.stats{grid-row:2;grid-column:1;gap:4px}.stat{min-width:0;flex:1}.ring{width:67px;height:67px;font-size:17px;border-width:6px;outline-width:4px}.stat strong{font-size:10px}.stat small{font-size:9px}.tagline{grid-row:3;grid-column:1;font-size:15px}
    }
    @media(min-width:768px) and (max-width:950px){.nav-links{gap:11px}.nav-tools .search{display:none}.details{grid-template-columns:1fr 1fr}.skills-card{grid-column:1}.intro-card{grid-column:2}.certificate{grid-column:1/-1;min-height:150px}.hero-copy{width:72%}.chart-card{right:1%;opacity:.75}.results{grid-template-columns:1fr 1fr}.stats{grid-column:1}.result-copy{grid-column:2}.tagline{display:none}}