:root{
  --ivory:#f3efe8;
  --paper:#fbfaf7;
  --ink:#151716;
  --muted:#72766f;
  --sage:#5f766d;
  --sage-2:#789087;
  --line:rgba(21,23,22,.14);
  --shadow:0 30px 70px rgba(34,31,27,.12);
  --radius:36px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ivory);color:var(--ink)}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a{color:inherit}
button,input{font:inherit}
button{color:inherit}
.site{
  min-height:100svh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.site::before,.site::after{
  content:"";
  position:fixed;
  width:58vw;height:58vw;
  border-radius:50%;
  border:1px solid rgba(95,118,109,.11);
  pointer-events:none;
  z-index:-1;
}
.site::before{right:-34vw;top:18vh}
.site::after{left:-42vw;bottom:-18vw}
.topbar{
  height:82px;
  padding:calc(12px + var(--safe-t)) 22px 10px;
  display:flex;align-items:center;justify-content:space-between;
  max-width:1120px;width:100%;margin:0 auto;
}
.brand{
  display:flex;align-items:center;gap:12px;text-decoration:none;
}
.brand-mark{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(21,23,22,.26);
  display:grid;place-items:center;
  font:italic 23px Georgia,serif;
}
.brand-name{
  font-size:12px;letter-spacing:.28em;font-weight:800;
}
.language{
  text-decoration:none;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  padding:10px 0;border-bottom:1px solid var(--ink);
}
.stage{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:clamp(18px,4vw,44px) 22px 26px;
  display:grid;
  align-items:center;
}
.dossier{
  position:relative;
  background:rgba(251,250,247,.84);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(21,23,22,.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.dossier::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 84% 18%,rgba(95,118,109,.10),transparent 24%),
    linear-gradient(135deg,transparent 0 60%,rgba(95,118,109,.035) 60% 61%,transparent 61% 100%);
  pointer-events:none;
}
.dossier-inner{
  position:relative;
  padding:clamp(34px,6vw,72px);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);
  gap:clamp(34px,6vw,92px);
}
.kicker{
  font-size:11px;letter-spacing:.23em;color:var(--sage);font-weight:800;
  margin-bottom:30px;
}
.name{
  margin:0;
  font-size:clamp(68px,11vw,142px);
  line-height:.78;
  letter-spacing:-.085em;
  font-weight:680;
}
.name small{
  display:block;
  font-size:.15em;
  line-height:1;
  letter-spacing:.22em;
  margin-bottom:20px;
  font-weight:700;
}
.degree{
  margin-top:34px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  font-size:clamp(17px,2vw,22px);
  color:var(--sage);font-weight:650;
}
.degree .sep{width:4px;height:4px;border-radius:50%;background:var(--sage)}
.lead{
  margin:28px 0 0;
  max-width:640px;
  font-size:clamp(18px,2.2vw,26px);
  line-height:1.47;
  color:#343835;
}
.decision{
  border-top:1px solid var(--ink);
  padding-top:20px;
  align-self:end;
}
.decision-title{
  font-size:10px;letter-spacing:.2em;color:var(--sage);font-weight:800;
  margin-bottom:24px;
}
.decision-line{
  padding:14px 0;border-bottom:1px solid var(--line);
}
.decision-line span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
.decision-line strong{display:block;font-size:16px;line-height:1.35;font-weight:650}
.primary{
  margin-top:24px;
  min-height:64px;border-radius:999px;
  background:var(--ink);color:#fff;
  text-decoration:none;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;font-size:15px;font-weight:700;
}
.primary svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.request-note{
  margin:13px 2px 0;
  font-size:11px;line-height:1.5;color:var(--muted);
}
.quickbar{
  position:relative;
  border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(3,1fr);
  background:rgba(251,250,247,.68);
}
.quick{
  appearance:none;border:0;background:transparent;
  min-height:82px;padding:16px 18px;
  text-align:left;cursor:pointer;
  border-right:1px solid var(--line);
  transition:background .2s ease;
}
.quick:last-child{border-right:0}
.quick:hover,.quick:focus-visible{background:rgba(95,118,109,.07);outline:none}
.quick b{display:block;font-size:10px;letter-spacing:.18em;color:var(--sage);margin-bottom:8px}
.quick span{font-size:15px;font-weight:650}
.footer{
  max-width:1120px;width:100%;margin:0 auto;
  padding:12px 22px calc(18px + var(--safe-b));
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;font-size:11px;color:var(--muted);
}
.sheet-backdrop{
  position:fixed;inset:0;background:rgba(13,15,14,.34);
  opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s;
  z-index:20;
}
.sheet{
  position:fixed;
  left:50%;bottom:0;
  width:min(760px,calc(100% - 18px));
  max-height:min(82svh,760px);
  overflow:auto;
  background:var(--paper);
  border-radius:34px 34px 0 0;
  box-shadow:0 -26px 80px rgba(21,23,22,.18);
  transform:translate(-50%,105%);
  transition:transform .36s cubic-bezier(.22,.8,.25,1);
  z-index:21;
  padding:10px 28px calc(28px + var(--safe-b));
}
.sheet.is-open{transform:translate(-50%,0)}
.sheet-backdrop.is-open{opacity:1;visibility:visible}
.sheet-handle{width:44px;height:4px;background:#d6d2cb;border-radius:999px;margin:7px auto 23px}
.sheet-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:30px}
.sheet-eyebrow{font-size:10px;letter-spacing:.2em;color:var(--sage);font-weight:800;margin-bottom:9px}
.sheet h2{margin:0;font-size:clamp(34px,6vw,56px);line-height:.95;letter-spacing:-.055em}
.close{
  appearance:none;border:1px solid var(--line);background:transparent;
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  font-size:22px;line-height:1
}
.record{padding:23px 0;border-top:1px solid var(--line)}
.record:first-of-type{border-top:1px solid var(--ink)}
.record-date{font-size:10px;letter-spacing:.13em;color:var(--sage);font-weight:750;margin-bottom:10px}
.record h3{font-size:24px;margin:0 0 7px;letter-spacing:-.03em}
.record-meta{font-size:13px;color:var(--muted);margin-bottom:14px}
.record p{font-size:16px;line-height:1.6;margin:0;color:#424642}
.credential{
  border-top:1px solid var(--ink);
  display:grid;grid-template-columns:110px 1fr;gap:22px;padding:28px 0;
}
.credential-seal{
  width:88px;height:88px;border:1px solid var(--sage);border-radius:50%;
  display:grid;place-items:center;font:italic 24px Georgia,serif;color:var(--sage)
}
.credential strong{display:block;font-size:22px;margin-bottom:8px}
.credential p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
.status-row{border-top:1px solid var(--line);padding:19px 0;display:grid;grid-template-columns:150px 1fr;gap:20px}
.status-row:first-of-type{border-top:1px solid var(--ink)}
.status-row span{font-size:12px;color:var(--muted)}
.status-row strong{font-size:15px;line-height:1.5}
.sheet-link{
  margin-top:22px;
  display:flex;align-items:center;justify-content:space-between;
  min-height:58px;border-radius:999px;border:1px solid var(--ink);
  padding:0 20px;text-decoration:none;font-weight:650;font-size:14px
}
@media (max-width:760px){
  .topbar{height:72px;padding-left:20px;padding-right:20px}
  .stage{padding:12px 14px 18px;align-items:start}
  .dossier-inner{
    padding:32px 28px 26px;
    grid-template-columns:1fr;
    gap:38px;
  }
  .kicker{margin-bottom:25px}
  .name{font-size:clamp(72px,21vw,108px)}
  .degree{margin-top:28px}
  .lead{font-size:20px;margin-top:23px}
  .decision{padding-top:18px}
  .quick{min-height:74px;padding:13px 12px}
  .quick b{font-size:9px}
  .quick span{font-size:13px}
  .footer{padding-top:6px}
}
@media (max-width:390px){
  .dossier-inner{padding-left:22px;padding-right:22px}
  .name{font-size:70px}
  .lead{font-size:18px}
  .quick span{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .sheet,.sheet-backdrop{transition:none}
}
html[dir="rtl"] body{
  font-family:"SF Arabic","Geeza Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] .brand{flex-direction:row-reverse}
html[dir="rtl"] .brand-name{letter-spacing:.08em}
html[dir="rtl"] .dossier-inner{text-align:right}
html[dir="rtl"] .name{letter-spacing:-.045em;line-height:.92}
html[dir="rtl"] .name small{letter-spacing:0}
html[dir="rtl"] .degree{justify-content:flex-start}
html[dir="rtl"] .quick{text-align:right;border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .quick:last-child{border-left:0}
html[dir="rtl"] .decision-line,html[dir="rtl"] .sheet,html[dir="rtl"] .record,html[dir="rtl"] .status-row{text-align:right}
html[dir="rtl"] .status-row{grid-template-columns:1fr 150px}
html[dir="rtl"] .status-row span{grid-column:2}
html[dir="rtl"] .status-row strong{grid-column:1;grid-row:1}
html[dir="rtl"] .credential{grid-template-columns:1fr 110px}
html[dir="rtl"] .credential-seal{grid-column:2;grid-row:1}
html[dir="rtl"] .credential>div:last-child{grid-column:1;grid-row:1}