@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#142f68;--blue:#2767df;--green:#0d9b70;--purple:#7b35ce;--yellow:#ffc928;--ink:#15284e;--muted:#657493;--line:#e4eaf4;--bg:#f7faff;--white:#fff;--shadow:0 14px 40px rgba(30,65,125,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eef2f8}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;align-items:center;min-width:150px}.brand-mark{font-size:32px;line-height:1;font-weight:900;color:#e52236;text-shadow:2px 2px 0 #fff,3px 3px 0 #ffc928;letter-spacing:-2px}.brand-sub{font-size:10px;font-weight:800;color:var(--navy)}nav{display:flex;align-items:center;gap:24px;flex:1}nav a{font-size:13px;font-weight:700;color:#33466c}nav a:hover,.footer-links a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;border:0;border-radius:13px;padding:12px 22px;font-weight:800;font-size:14px;box-shadow:0 7px 18px #142f6820;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);background:#20458c}.btn-small{padding:9px 15px;font-size:12px;white-space:nowrap}.btn-ghost{background:white;color:var(--navy);border:1px solid #dfe7f4;box-shadow:none}.menu-toggle{display:none;background:#f0f4fc;border:0;border-radius:10px;padding:7px 12px;color:var(--navy)}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding-top:36px;padding-bottom:34px;min-height:480px}.hero-copy{padding:25px 8px}.eyebrow{font-size:12px;font-weight:800;color:var(--green);letter-spacing:.2px}.hero h1{font-size:clamp(30px,4vw,49px);line-height:1.5;margin:12px 0;color:var(--navy);font-weight:900}.hero h1 em{font-style:normal;color:#e3263b;position:relative}.hero-copy p{color:var(--muted);max-width:520px;font-size:15px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;color:#56708f;font-size:11px;font-weight:700}.hero-art{height:390px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d7f2ff,#eff9ff 54%,#d7f3df);border:1px solid #e3effb;box-shadow:var(--shadow)}.sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#ffd33d;top:38px;left:48px;box-shadow:0 0 0 15px #ffd33d25}.cloud{position:absolute;background:white;border-radius:50px;filter:drop-shadow(0 6px 6px #5f93a520)}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud1{width:105px;height:28px;top:74px;right:48px}.cloud1:before{width:43px;height:43px;top:-19px;right:18px}.cloud1:after{width:34px;height:34px;top:-12px;left:15px}.cloud2{width:70px;height:20px;top:137px;left:75px;opacity:.8}.school{position:absolute;bottom:45px;right:16%;width:65%;height:190px}.roof{position:absolute;top:0;left:-4%;width:108%;height:58px;background:#e94b55;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 4px 0 #b72b3a)}.school-face{position:absolute;top:51px;bottom:0;left:5%;right:5%;background:#fff4d8;border:5px solid white;border-radius:8px 8px 0 0;box-shadow:0 10px 0 #c6dfeb}.school-sign{background:#1c8b70;color:#fff;border-radius:7px;text-align:center;width:62%;margin:14px auto 0;font-size:13px;font-weight:800;padding:3px}.windows{display:flex;justify-content:space-around;margin-top:14px}.windows i{display:block;width:28px;height:34px;background:#8ad6ed;border:4px solid #fff;border-radius:4px}.door{position:absolute;bottom:0;left:calc(50% - 19px);height:53px;width:38px;border-radius:14px 14px 0 0;background:#e6a45b;border:4px solid white}.student{position:absolute;bottom:33px;left:16%;width:100px;height:170px}.head{position:absolute;top:0;left:24px;width:58px;height:63px;border-radius:46% 46% 44% 44%;background:#b86f43;border:4px solid #fff;box-shadow:inset 0 12px #47312b}.body{position:absolute;top:59px;left:10px;width:86px;height:100px;background:#2f72dc;border-radius:25px 25px 8px 8px;border:5px solid white}.bag{position:absolute;top:72px;left:0;width:27px;height:66px;border-radius:12px;background:#ffc928;border:4px solid white;transform:rotate(10deg)}.book{position:absolute;bottom:18px;width:62px;height:22px;border:3px solid white;border-radius:5px;font-weight:900;text-align:center;color:white}.book1{left:35%;background:#f04b62;transform:rotate(-8deg)}.book2{left:49%;background:#13a17a;transform:rotate(7deg)}.art-caption{position:absolute;top:175px;right:9%;background:#fff;border-radius:14px;padding:9px 15px;font-size:13px;font-weight:800;color:var(--navy);box-shadow:var(--shadow)}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2px}.quick-item{border:1px solid var(--line);border-radius:18px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;background:white;box-shadow:0 8px 24px #15336b08;transition:.2s}.quick-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.q-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:25px;font-weight:800;margin-bottom:10px}.pink{background:#fff0f3;color:#eb3655}.yellow{background:#fff7d8;color:#d28b00}.purple{background:#f2eaff;color:#7c35ce}.blue{background:#e8f1ff;color:#2767df}.quick-item b{font-size:14px}.quick-item small{font-size:11px;color:var(--muted);margin-top:4px}
.section{padding-top:76px;padding-bottom:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2,.about-box h2,.calendar-row h2{margin:5px 0 0;font-size:27px;color:var(--navy);line-height:1.5}.section-heading p{color:var(--muted);font-size:12px;max-width:400px;margin:0}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-card{padding:24px 20px;text-align:right;border-radius:20px;border:1px solid var(--line);cursor:pointer;transition:.2s;background:#fff}.role-card:hover,.role-card.active{transform:translateY(-3px);box-shadow:var(--shadow)}.role-card.parent{background:linear-gradient(140deg,#effcf7,#fff);border-color:#c7eee0}.role-card.teacher{background:linear-gradient(140deg,#eff5ff,#fff);border-color:#d2e2ff}.role-card.admin{background:linear-gradient(140deg,#f7f0ff,#fff);border-color:#e5d4ff}.role-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;font-size:28px;color:#fff;background:var(--green)}.teacher .role-icon{background:var(--blue)}.admin .role-icon{background:var(--purple)}.role-card h3{font-size:19px;margin:13px 0 5px}.role-card p{font-size:12px;color:var(--muted);margin:0 0 16px}.role-link{font-size:12px;font-weight:800;color:var(--blue)}.demo-panel{margin-top:22px;border:1px solid var(--line);border-radius:20px;padding:22px;background:white;box-shadow:var(--shadow)}.demo-head{display:flex;align-items:center;justify-content:space-between}.demo-head h3{margin:3px 0;font-size:21px}.demo-badge,.sample-label{font-size:10px;color:#7a5c12;background:#fff6d7;border-radius:20px;padding:5px 10px;font-weight:800}.demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat{border:1px solid var(--line);border-radius:13px;padding:14px}.stat small{display:block;color:var(--muted);font-size:11px}.stat b{font-size:22px;color:var(--navy)}.demo-content{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.demo-content h4{margin:0 0 8px}.demo-content ul{padding:0;margin:0;list-style:none}.demo-content li{padding:9px 0;border-bottom:1px solid #eef2f8;font-size:12px}.demo-note{background:#fff8e4;border-radius:14px;padding:15px;color:#775b18;font-size:12px}.demo-note p{margin:5px 0 0}
.soft{background:#f7faff;margin-top:48px;padding:55px 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.news-visual{height:145px;display:grid;place-items:center;font-size:54px}.visual1{background:linear-gradient(135deg,#d8f4ff,#b4e4f8)}.visual2{background:linear-gradient(135deg,#fff0cb,#ffe19b)}.visual3{background:linear-gradient(135deg,#e8ddff,#d4c3ff)}.news-body{padding:18px}.news-date{font-size:10px;color:var(--green);font-weight:800}.news-body h3{margin:5px 0;font-size:17px}.news-body p{color:var(--muted);font-size:12px;min-height:48px}.news-body a{font-size:12px;font-weight:800;color:var(--blue)}.about-box{display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:22px;padding:28px;background:linear-gradient(110deg,#fff,#f4fbff)}.about-symbol{display:grid;place-items:center;flex:0 0 78px;height:78px;border-radius:23px;background:#e5f8ef;color:#0c9a6b;font-size:42px;font-weight:900}.about-box>div:nth-child(2){flex:1}.about-box p{font-size:13px;color:var(--muted);margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-tile{height:175px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;gap:8px}.gallery-tile span{font-size:13px;font-weight:800;color:var(--navy)}.tile-a{background:#e9f4ff}.tile-b{background:#e2f7e9}.tile-c{background:#fff2d8}.tile-d{background:#f3eaff}.calendar-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.calendar-row p{color:var(--muted);font-size:13px;max-width:620px}.calendar-card{display:flex;align-items:center;gap:14px;min-width:340px;padding:20px;border:1px solid #e0e8f5;border-radius:17px;background:#fff}.calendar-icon{font-size:30px;color:var(--blue)}.calendar-card b,.calendar-card small{display:block}.calendar-card small{color:var(--muted);font-size:11px}.pill{margin-right:auto;background:#f1f5fc;color:#61718e;border-radius:20px;padding:4px 8px;font-size:10px;white-space:nowrap}footer{background:#112957;color:#fff;margin-top:20px;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner p{font-size:12px;color:#c3d1ed;margin:4px 0}.footer-inner small{font-size:10px;color:#c3d1ed}.footer-links{display:flex;gap:18px;font-size:12px}.menu-toggle{color:var(--navy)}
@media(max-width:900px){.nav{gap:12px}.brand{min-width:115px}nav{gap:12px}nav a{font-size:11px}.hero{gap:12px}.hero-art{height:340px}.hero h1{font-size:34px}.section-heading h2,.about-box h2,.calendar-row h2{font-size:23px}}
@media(max-width:700px){.container{width:min(100% - 24px,540px)}.nav{min-height:70px;justify-content:space-between;flex-wrap:wrap;padding:10px 0}.menu-toggle{display:block;order:2}nav{display:none;order:4;flex:0 0 100%;flex-direction:column;align-items:stretch;padding:10px 0;gap:0}nav.open{display:flex}nav a{padding:10px 4px;border-bottom:1px solid var(--line);font-size:13px}.nav>.btn{order:3}.brand{order:1}.hero{grid-template-columns:1fr;padding-top:18px;gap:8px}.hero-copy{padding:12px 3px}.hero h1{font-size:34px}.hero-copy p{font-size:13px}.hero-art{height:300px;order:-1}.school{right:14%;width:70%;height:155px;bottom:35px}.roof{height:45px}.school-face{top:40px}.windows i{height:27px;width:24px}.door{height:42px}.student{transform:scale(.8);transform-origin:bottom left;left:8%;bottom:25px}.art-caption{top:140px;right:5%;font-size:11px}.sun{width:55px;height:55px;left:25px;top:25px}.quick{grid-template-columns:repeat(2,1fr);gap:9px}.quick-item{padding:15px 8px}.section{padding-top:50px}.section-heading{align-items:start;flex-direction:column;gap:6px}.section-heading h2,.about-box h2,.calendar-row h2{font-size:22px}.role-grid{grid-template-columns:1fr;gap:10px}.role-card{padding:18px}.role-card p{margin-bottom:8px}.demo-stats{grid-template-columns:repeat(2,1fr)}.demo-content{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.news-visual{height:115px}.about-box{align-items:flex-start;flex-wrap:wrap;padding:20px}.about-symbol{flex-basis:58px;height:58px;font-size:30px}.about-box .btn{width:100%}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-tile{height:135px}.calendar-row{align-items:stretch;flex-direction:column}.calendar-card{min-width:0;flex-wrap:wrap}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.soft{padding:42px 0;margin-top:35px}}

/* Local Vazirmatn font */
@font-face {
    font-family: 'Vazirmatn';
    src: url('/assets/fonts/Vazirmatn.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

html,
body,
button,
input,
textarea,
select {
    font-family: 'Vazirmatn', sans-serif !important;
}