*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#10283b;background:#f5f8fa}button,input,select{font:inherit}.top{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5ebef;position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:28px;color:#0b3f63}.brand span{font-size:13px}.links{display:flex;gap:25px;align-items:center}.links a{text-decoration:none;color:#31495a;font-size:14px}.links .maplink{background:#0b3f63;color:#fff;padding:11px 16px;border-radius:8px}.hero{min-height:620px;padding:100px 8vw 80px;background:linear-gradient(120deg,#082f4c,#0b4e76);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff18;border-radius:50%;left:-110px;top:55px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.eyebrow,.sectionHead span,.exploreHead span{font-size:13px;font-weight:700;letter-spacing:.04em;opacity:.8}.hero h1{font-size:54px;line-height:1.3;margin:20px 0;max-width:850px}.hero h1 em{font-style:normal;color:#7fe0c5}.hero>p{font-size:20px;line-height:1.9;max-width:780px;color:#d8e6ef}.heroActions{display:flex;gap:12px;margin:34px 0 55px}.heroActions a{text-decoration:none;padding:14px 20px;border-radius:8px;font-weight:700}.primary{background:#fff;color:#0b3f63}.secondary{border:1px solid #ffffff66;color:#fff}.heroStats{display:flex;gap:65px}.heroStats div{display:flex;flex-direction:column}.heroStats b{font-size:30px}.heroStats span{color:#c9d9e4;margin-top:5px}.story,.method{padding:80px 7vw;background:#fff}.sectionHead h2,.exploreHead h2{font-size:34px;margin:10px 0 35px}.storyGrid,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.storyGrid article,.steps article{padding:28px;border-top:3px solid #0d806d;background:#f7fafb}.storyGrid i{font-style:normal;color:#0d806d;font-weight:800}.storyGrid h3,.steps h3{font-size:20px;margin:14px 0}.storyGrid p,.steps p{color:#607583;line-height:1.8}.explore{padding:70px 3vw;background:#edf3f6}.exploreHead{display:flex;align-items:end;justify-content:space-between;max-width:1600px;margin:auto}.mapActions{display:flex;gap:8px;margin-bottom:35px}.mapActions button,.metricSwitch button,.filterRow button{border:1px solid #d5e0e6;background:#fff;border-radius:7px;padding:10px 13px;cursor:pointer}.metricSwitch button.active,.filterRow button.active{background:#0b3f63;color:#fff;border-color:#0b3f63}.app{max-width:1600px;margin:auto;display:grid;grid-template-columns:360px 1fr;direction:ltr;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px #19374d14;background:#fff}.panel{direction:rtl;height:720px;padding:18px;background:#fff;border-right:1px solid #e0e7eb;display:flex;flex-direction:column}.metricSwitch,.filterRow{display:flex;gap:6px;flex-wrap:wrap}.field{font-size:12px;font-weight:700;margin-top:14px}.field input,.field select{width:100%;margin-top:6px;border:1px solid #d9e2e7;border-radius:8px;padding:12px;background:#fff}.filterRow{margin-top:12px}.hint{color:#80909b;line-height:1.5;margin:10px 0}.schoolList{overflow:auto;flex:1;border-top:1px solid #edf1f3}.schoolItem{padding:13px 4px;border-bottom:1px solid #edf1f3;cursor:pointer}.schoolItem:hover{background:#f5faf9}.schoolItem b{display:block;font-size:14px}.schoolItem small{color:#778b98;display:block;margin-top:5px}.schoolItem .dist{float:left;background:#e7f7f1;color:#08765f;border-radius:20px;padding:4px 8px}.schoolItem .dist.out{background:#fff0f0;color:#c43c3c}.mapArea{position:relative;min-width:0}.mapArea #map{height:720px;width:100%;background:#dce7ec}.legend{position:absolute;z-index:500;left:16px;bottom:16px;background:#fff;padding:10px 12px;border-radius:8px;box-shadow:0 2px 12px #0002;display:flex;gap:15px;font-size:12px;direction:rtl}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:5px}.dot.center{background:#0c9b71}.dot.school{background:#526b7a}.line{width:22px;height:3px;background:#e34d59;display:inline-block;margin-left:5px}.routeCard{position:absolute;z-index:600;right:18px;top:18px;width:340px;background:#fff;border-radius:12px;padding:18px;box-shadow:0 8px 28px #0b253b35;direction:rtl}.routeCard.hidden{display:none}.routeCard>button{position:absolute;left:10px;top:8px;border:0;background:none;font-size:25px;cursor:pointer}.routeLabel{font-size:11px;color:#0d806d;font-weight:800}.routeCard h3{font-size:17px;margin:7px 0 12px;padding-left:20px}.routeStatus{background:#f2f6f8;padding:8px;border-radius:7px;font-size:12px;color:#657b89}.routeStats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.routeStats div{background:#f7fafb;padding:10px 5px;border-radius:7px;text-align:center}.routeStats b{display:block;font-size:17px;color:#0b3f63}.routeStats span{font-size:10px;color:#788b97}.routeCard p{font-size:13px}.routeCard a{display:block;text-decoration:none;background:#0b3f63;color:#fff;text-align:center;padding:10px;border-radius:7px}.steps article b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b3f63;color:#fff}.scope{margin-top:24px;background:#fff8e8;border-right:3px solid #d49b26;padding:14px;color:#6f5a2d}footer{padding:25px;text-align:center;background:#082f4c;color:#bdd0dc;font-size:12px}
@media(max-width:900px){.links a:not(.maplink){display:none}.hero{padding:70px 6vw}.hero h1{font-size:38px}.heroStats{gap:25px;flex-wrap:wrap}.storyGrid,.steps{grid-template-columns:1fr}.exploreHead{display:block}.app{grid-template-columns:1fr}.panel{height:420px}.mapArea #map{height:600px}.routeCard{width:calc(100% - 28px);right:14px;top:14px}.legend{flex-wrap:wrap}.sectionHead h2,.exploreHead h2{font-size:28px}}@media(max-width:520px){.brand span{display:none}.hero h1{font-size:32px}.hero>p{font-size:17px}.heroStats{display:grid;grid-template-columns:1fr 1fr}.panel{height:380px}.mapArea #map{height:520px}}