@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#153836;--deep:#102b29;--orange:#ff6746;--cream:#f7f2e8;--paper:#fffcf5;--mint:#dceadf;--line:#c8d3c9;--muted:#536b66}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.9 Vazirmatn,Tahoma,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:#af452e}
a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.skip{position:absolute;top:-100px;right:18px;z-index:10;background:var(--paper);padding:7px 12px}
.skip:focus{top:8px}
.site-header{background:var(--cream);border-bottom:2px solid var(--ink)}
.site-header .top{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:22px;font-weight:900;letter-spacing:-.04em}
.brand img{width:42px;height:42px}
.site-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:23px;font-size:13px;font-weight:800}
.site-header nav a[aria-current=page]{color:#b2462e;text-decoration:underline;text-underline-offset:7px}
.hero{padding:52px 0 48px}
.hero-content{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--orange);padding:55px 6%}
.hero-content:after{content:'';position:absolute;left:-75px;bottom:-215px;width:340px;height:340px;border:1px solid #b2d2c386;border-radius:50%;box-shadow:0 0 0 45px #b2d2c315,0 0 0 90px #b2d2c312;pointer-events:none}
.eyebrow{display:block;color:var(--orange);font-size:13px;font-weight:900}
.eyebrow:before{content:'';display:inline-block;width:9px;height:9px;background:var(--orange);margin-left:8px;transform:rotate(45deg)}
.hero h1{font-size:clamp(32px,5vw,60px);line-height:1.3;letter-spacing:-.04em;margin:13px 0 18px}
.hero p{max-width:800px;margin:0;color:#c5dcd0}
.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:10px 0 23px}
.intro p{margin:0}.intro .date{color:var(--muted);white-space:nowrap;font-size:13px}
.school-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 25px}
.school-nav a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ink);background:var(--paper);padding:8px 13px;font-size:13px;font-weight:800}
.school-nav a:hover,.school-nav a:focus-visible{background:var(--mint);color:var(--ink)}
.school-nav span{display:inline-grid;place-items:center;min-width:23px;height:23px;padding-inline:4px;background:var(--orange);color:var(--deep);font-size:12px}
.cards{display:grid;grid-template-columns:1fr;gap:18px;padding:0 0 45px}
.institution-card{scroll-margin-top:22px;min-width:0;background:var(--paper);border:1.5px solid var(--ink);padding:25px 27px;box-shadow:5px 5px 0 #ccdacd}
.institution-card:nth-child(2n){box-shadow:5px 5px 0 #f4c9ba}
.card-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:17px}
.card-heading .eyebrow:before{display:none}
.card-heading h2{font-size:25px;line-height:1.45;margin:5px 0 0}
.count{font-size:12px;font-weight:900;color:var(--ink);background:#dceadf;border:1px solid var(--ink);padding:4px 10px;white-space:nowrap}
.subject-group{margin-top:15px}.subject-group h3{font-size:14px;color:var(--muted);margin:0 0 5px}
.subject-group ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.subject-group a{display:block;background:#eaf0e7;border:1px solid var(--line);padding:5px 10px;font-size:14px}
.subject-group a:hover{border-color:var(--orange)}
.teacher-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0}
.teacher-list li{min-width:0;background:#f3f5ed;border:1px solid var(--line);padding:10px 12px}
.teacher-name{display:block;font-size:14px;font-weight:800;line-height:1.6}
.teacher-list a:hover{text-decoration:underline;text-decoration-color:var(--orange)}
.teacher-list small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:2px}
.pending{color:var(--muted);margin:0}
.method{border-top:1px solid var(--line);padding:25px 0 40px;color:var(--muted);font-size:14px;margin:0}
footer{background:var(--ink);border-top:4px solid var(--orange);color:var(--paper)}
footer .wrap{display:flex;gap:25px;flex-wrap:wrap;padding:22px 0;font-size:14px;font-weight:700}
footer a:hover{color:var(--orange)}
@media(max-width:850px){.site-header .top{flex-wrap:wrap;padding-block:13px}.site-header nav{gap:12px 17px}.teacher-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-block:30px}}
@media(max-width:600px){.site-header .top{gap:8px}.site-header nav{font-size:12px}.brand{font-size:18px}.brand img{width:36px;height:36px}.hero-content{padding:36px 24px;box-shadow:6px 6px 0 var(--orange)}.intro{display:block}.intro .date{margin-top:8px}.school-nav{gap:7px}.school-nav a{font-size:12px;padding:6px 9px}.institution-card{padding:19px}.teacher-list{grid-template-columns:1fr}.card-heading{flex-wrap:wrap}.count{white-space:normal}}