:root{--ink:#113e59;--deep:#0d4c68;--teal:#11a99d;--teal-dark:#087c83;--sky:#eff6ff;--pale:#f5f9ff;--muted:#557182}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Vazirmatn",Tahoma,sans-serif;color:var(--ink);font-size:14px;background:#fff}.container-xl{max-width:1160px}.ph-header{height:66px;background:#fff;position:relative;z-index:5;border-bottom:1px solid #eef3f5}.ph-header .navbar{height:100%;padding-block:0}.ph-brand{display:flex;align-items:center;gap:8px;color:var(--ink)!important;line-height:1.2}.brand-icon{width:38px;height:38px;border-radius:11px 11px 15px 15px;color:#fff;background:linear-gradient(145deg,#0c6d80,#13aa9b);display:grid;place-items:center;font-size:21px;clip-path:polygon(50% 0,95% 18%,91% 74%,50% 100%,9% 74%,5% 18%)}.ph-brand b{display:block;font-size:15px;font-weight:900;white-space:nowrap}.ph-brand small{display:block;font-size:9px;color:#718791;margin-top:3px}.ph-header .nav-link{font-size:12px;font-weight:600;color:#344e62;padding:14px 12px!important;white-space:nowrap}.ph-header .nav-link.active{position:relative;color:#164c64}.ph-header .nav-link.active:after{content:"";position:absolute;bottom:0;right:12px;width:30px;height:2px;background:#13ad9e;border-radius:4px}.auth-links{display:flex;gap:10px}.auth-links a{text-decoration:none;border-radius:22px;padding:7px 17px;font-size:11px;font-weight:700;white-space:nowrap}.login{color:white;background:#126580}.signup{color:#287c83;border:1px solid #7dbdb8}.ph-hero{height:362px;display:grid;grid-template-columns:51.5% 48.5%;background:#f0f6ff;overflow:hidden}.image-placeholder{display:flex;align-items:center;justify-content:center;gap:10px;color:#588092;background:linear-gradient(135deg,#e8f2f8,#d9e8ef 48%,#edf4f8);font-size:13px}.image-placeholder i{font-size:30px;color:#4b929b}.hero-placeholder{grid-column:1;grid-row:1;min-width:0;border-radius:0 0 0 3px}.hero-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px max(calc((100vw - 1160px)/2),34px) 28px 35px;text-align:right;direction:rtl}.hero-label{background:#dff5f2;color:#278a89;border-radius:22px;padding:6px 14px;font-weight:700;font-size:11px;margin-bottom:10px}.hero-copy h1{font-size:28px;line-height:1.55;font-weight:900;color:#123d59;margin:0 0 10px}.hero-copy h1 strong{font-weight:900}.hero-copy p{font-size:15px;line-height:1.85;color:#38667b;margin:0 0 24px}.hero-actions{display:flex;gap:11px;align-items:center}.main-cta,.consult-cta{border-radius:14px;padding:12px 19px;font-weight:700;font-size:12px;white-space:nowrap}.main-cta{border-color:var(--teal);background:var(--teal);box-shadow:0 5px 13px #11a99d2c}.main-cta i{margin-left:6px}.consult-cta{border:1px solid #568899;background:transparent;color:#255b70}.consult-cta i{margin-left:6px}.skills-section{background:#f3f8ff;padding:31px 0 27px}.section-heading{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 23px;text-align:center;color:#146c80}.section-heading h2{font-weight:900;font-size:20px;margin:0;color:#123f5d;white-space:nowrap}.section-heading>i{font-size:16px;color:#168994}.skill-row{padding-inline:14px}.skill{min-height:184px;display:flex;align-items:center;flex-direction:column;text-align:center}.skill-ring{width:99px;height:99px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) var(--pct),#d8e9ec 0);position:relative;transform:rotate(-45deg);margin-bottom:7px}.skill-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#f3f8ff}.skill-ring span{z-index:1;transform:rotate(45deg);font-size:16px;font-weight:800;color:#194d64}.skill-icon{font-size:17px;color:#fff;background:#7ed4d0;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;margin-top:-2px;margin-bottom:6px;z-index:1}.skill h3{font-size:12px;line-height:1.5;font-weight:800;margin:0;color:#173e58}.uses-section{padding:23px 0 25px;background:linear-gradient(#f8fbff,#fff)}.uses-section .section-heading,.benefits-section .section-heading{margin-bottom:18px}.use-row,.benefit-row{padding-inline:5px}.use-card{height:242px;text-align:center;border:1px solid #e6edf2;border-radius:13px;overflow:hidden;position:relative;background:white;box-shadow:0 6px 16px #173c5410;padding-bottom:9px}.use-image{height:81px;display:flex;flex-direction:column;gap:2px;font-size:9px}.use-image i{font-size:21px}.placeholder-a{background:linear-gradient(135deg,#e9f1f6,#d3e8ec)}.placeholder-b{background:linear-gradient(135deg,#e8f3f6,#d6e8ee)}.placeholder-c{background:linear-gradient(135deg,#e9f2f7,#d5e2eb)}.placeholder-d{background:linear-gradient(135deg,#e7f2f6,#d1e7e9)}.use-icon{width:48px;height:48px;border-radius:50%;background:#36b5ad;color:white;display:grid;place-items:center;margin:-22px auto 5px;position:relative;z-index:1;font-size:20px;border:3px solid #fff}.use-card h3{font-size:12px;font-weight:900;line-height:1.55;margin:5px 5px 6px;color:#14475e}.use-card p{font-size:10px;line-height:1.7;color:#658091;margin:0 8px}.use-card>a,.benefit-card>a{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;margin:7px auto 0;background:#e5f7f5;color:#42aaa8;text-decoration:none;font-size:14px}.benefits-section{padding:20px 0 20px;background:#f6faff}.benefit-card{height:143px;text-align:center;background:#f4f9fd;border:1px solid #e9eff4;border-radius:12px;box-shadow:0 5px 13px #1439520b;padding:9px 10px}.benefit-card>span{width:43px;height:43px;border-radius:50%;background:#d9f2f1;color:#137c89;display:grid;place-items:center;font-size:20px;margin:0 auto 5px}.benefit-card h3{font-size:11px;font-weight:900;line-height:1.45;margin:0 0 4px;color:#16465d}.benefit-card p{font-size:9px;color:#6b8492;line-height:1.5;margin:0}.benefit-card>a{margin-top:4px;width:22px;height:22px;font-size:11px}.ph-footer{height:222px;display:grid;grid-template-columns:34% 45% 21%;align-items:center;position:relative;overflow:hidden;color:white;background:radial-gradient(ellipse at 18% 65%,#147890 0,#075776 48%,#064760 100%)}.footer-photo{height:100%;background:linear-gradient(90deg,#e7f0f2,#aac5cf);color:#517b8a;display:flex;flex-direction:column}.footer-photo i{font-size:31px}.footer-photo span{font-size:11px}.footer-message{text-align:right;padding:20px 25px}.footer-message small{font-size:10px;color:#b7e5e6}.footer-message h2{font-size:20px;line-height:1.7;font-weight:900;color:white;margin:7px 0 14px}.footer-message h2 strong{color:#40cec0}.footer-actions{display:flex;gap:10px}.footer-actions .main-cta{font-size:10px;padding:10px 13px}.footer-actions .consult-cta{font-size:10px;padding:10px 13px;color:#e7f9fa;border-color:#7db1bd}.footer-perks{display:flex;flex-direction:column;gap:20px;padding:15px 14px;font-size:10px;color:#d6f0f1}.footer-perks span{display:flex;align-items:center;gap:9px}.footer-perks i{font-size:20px;color:#4cc7bd}
@media(max-width:991px){.ph-header{height:auto;min-height:64px}.ph-header .navbar{min-height:64px}.ph-header .navbar-collapse{background:white;padding:10px 14px 14px;border-top:1px solid #eef3f5}.ph-header .nav-link{padding:9px!important}.ph-header .nav-link.active:after{display:none}.auth-links{padding-top:8px}.ph-hero{height:330px;grid-template-columns:48% 52%}.hero-copy{padding:20px 24px}.hero-copy h1{font-size:23px}.hero-copy p{font-size:13px}.section-heading h2{font-size:18px}.use-card{height:250px}.ph-footer{grid-template-columns:29% 49% 22%;height:205px}.footer-message h2{font-size:17px}}
@media(max-width:575px){.ph-hero{height:auto;display:flex;flex-direction:column-reverse}.hero-copy{padding:26px 20px;align-items:flex-start}.hero-copy h1{font-size:22px}.hero-copy p{font-size:12px;margin-bottom:16px}.hero-actions{flex-wrap:wrap;gap:8px}.main-cta,.consult-cta{font-size:10px;padding:10px 12px}.hero-placeholder{height:190px}.desktop-break{display:none}.skills-section{padding:25px 0 20px}.section-heading{gap:7px;margin-bottom:17px}.section-heading h2{font-size:15px;white-space:normal}.section-heading>i{font-size:13px}.skill-row{row-gap:10px!important}.skill{min-height:164px}.skill-ring{width:89px;height:89px}.skill-ring span{font-size:14px}.skill-icon{width:37px;height:37px;font-size:15px}.skill h3{font-size:11px}.uses-section,.benefits-section{padding:22px 0}.use-row,.benefit-row{--bs-gutter-x:12px;--bs-gutter-y:13px}.use-card{height:232px}.use-image{height:72px}.use-card h3{font-size:10px}.use-card p{font-size:9px}.benefit-card{height:145px;padding-inline:6px}.benefit-card h3{font-size:10px}.benefit-card p{font-size:9px}.ph-footer{height:auto;min-height:245px;grid-template-columns:40% 60%;grid-template-rows:auto auto}.footer-photo{grid-column:1;grid-row:1/3;min-height:245px}.footer-message{grid-column:2;grid-row:1;padding:16px 12px 7px}.footer-message h2{font-size:15px}.footer-actions{flex-direction:column;align-items:flex-start;gap:6px}.footer-perks{grid-column:2;grid-row:2;gap:7px;padding:7px 12px 15px;font-size:9px}.footer-perks i{font-size:15px}}

/* Image slots are real, replaceable HTML img elements. */
.hero-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.use-image {
  display: block;
  width: 100%;
  height: 81px;
  object-fit: cover;
}
.footer-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
@media (max-width: 575px) {
  .hero-placeholder {
    height: 190px;
  }
  .use-image {
    height: 72px;
  }
}
@media (min-width: 576px) {
  .ph-footer {
    height: 222px;
    min-height: 222px;
    max-height: 222px;
    grid-template-rows: minmax(0, 1fr);
  }
  .ph-footer > .footer-photo {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: cover;
    object-position: center top;
    align-self: stretch;
    justify-self: stretch;
    overflow: hidden;
  }
  .ph-footer > .footer-message,
  .ph-footer > .footer-perks {
    min-width: 0;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .ph-footer {
    height: 205px;
    min-height: 205px;
    max-height: 205px;
  }
}
@media (max-width: 575px) {
  .ph-footer {
    height: auto;
    min-height: 245px;
    max-height: none;
    grid-template-rows: auto auto;
  }
  .ph-footer > .footer-photo {
    height: 100%;
    min-height: 0;
    max-height: none;
    min-width: 0;
    object-fit: cover;
    object-position: center top;
  }
}

/* Keep the complete 3:2 student photo visible without cropping. */
@media (min-width: 576px) {
  .ph-footer {
    height: auto;
    min-height: 0;
    max-height: none;
    grid-template-rows: auto;
  }
  .ph-footer > .footer-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    object-position: center;
    max-height: none;
    align-self: center;
    justify-self: stretch;
  }
}
@media (max-width: 575px) {
  .ph-footer > .footer-photo {
    object-fit: contain;
    object-position: center;
  }
}

@media (max-width: 575px) {
  .ph-footer {
    height: auto;
    min-height: 0;
    max-height: none;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-items: stretch;
  }
  .ph-footer > .footer-photo {
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    object-position: center;
    align-self: stretch;
    justify-self: stretch;
  }
  .ph-footer > .footer-message {
    grid-column: 1;
    grid-row: 2;
  }
  .ph-footer > .footer-perks {
    grid-column: 1;
    grid-row: 3;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}