/* MIYAR spatial design — presentation only; no records or application logic changes. */
.msp,.msp *{box-sizing:border-box}.msp{position:relative;isolation:isolate;overflow:hidden;color:#102c48;font:16px/1.65 Arial,sans-serif;background:#e5f2f9;padding:24px 0 38px}.msp-scene{position:absolute;inset:-5%;z-index:-2;background-position:center;background-size:cover;animation:msp-drift 28s ease-in-out infinite alternate;will-change:transform}.msp-light{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#e9f5fb12,#f6fcff7d),radial-gradient(ellipse at 75% 20%,#ffffff65,transparent 60%);pointer-events:none;animation:msp-light 15s ease-in-out infinite alternate}.msp-wrap{width:min(1320px,92%);margin:auto}.msp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:2px}.msp-toolbar>div{display:flex;gap:12px;align-items:center}.msp-toolbar label{display:flex;align-items:center;background:#ffffffcf;border:1px solid white;border-radius:12px;padding:4px 12px;gap:8px}.msp-toolbar svg{width:18px;height:18px;fill:none;stroke:#47718a;stroke-width:1.6}.msp-toolbar input{border:0!important;box-shadow:none!important;background:transparent!important;color:#17364f;font:13px Arial,sans-serif;min-height:38px;width:180px;outline-offset:2px}.msp button{font:13px Arial,sans-serif;border:1px solid #c2dbe6;border-radius:11px;padding:10px 14px;background:#ffffffe6;color:#20465d;cursor:pointer}.msp a{color:inherit;text-decoration:none!important}.msp-hero{padding:38px 0 30px;min-height:235px}.msp h1{font-family:Arial Black,Arial,sans-serif!important;font-weight:900!important;color:#102c48!important;font-size:clamp(31px,4.2vw,57px)!important;line-height:1.45!important;margin:0 0 8px!important;letter-spacing:-1px}.msp-hero p{font-size:19px;color:#496579;margin:0 0 24px}.msp-actions{display:flex;gap:20px;align-items:center;font-size:14px}.msp .msp-primary{background:#087c9c;color:white!important;border:1px solid #087c9c;border-radius:11px;padding:12px 22px;font-weight:bold;box-shadow:0 7px 18px #0b789e16}.msp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.msp-card{background:linear-gradient(125deg,#fffffff2,#eff9ffcd);border:1px solid white;border-radius:20px;box-shadow:0 14px 32px #34657a16;backdrop-filter:blur(16px);transition:transform .25s,box-shadow .25s;overflow:hidden}.msp-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #34657a29}.msp-card-link{display:flex;gap:18px;align-items:center;padding:22px 23px;min-height:130px}.msp-card strong{font:bold 22px/1.4 Arial,sans-serif;display:block}.msp-card small{display:block;font-size:12px;color:#486779;margin-top:8px;line-height:1.7}.msp-icon{width:60px;flex:none;color:#087b9e;filter:drop-shadow(3px 6px 3px #176f9125)}.msp-icon svg{width:100%;height:60px;fill:#dff6ff;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.msp-arrow{margin-inline-start:auto;font-size:26px;color:#47758b}.msp-card details{border-top:1px solid #dbeaf066;font-size:12px}.msp-card summary{padding:8px 24px;color:#487086;cursor:pointer;list-style-position:inside}.msp-card details[open]{background:#ffffffe8}.msp-card details nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 15px 15px}.msp-card details a{background:#f1f8fb;padding:9px;border-radius:8px;color:#234d65}.msp-card details a:hover{background:#dceff7}.msp-education{background:linear-gradient(130deg,#fffffff5,#e3f8eddb)}.msp-education .msp-icon{color:#207d67}.msp-journey{display:flex;align-items:center;justify-content:space-around;background:#ffffffb5;border:1px solid white;backdrop-filter:blur(12px);padding:18px;margin-top:24px;border-radius:17px;font-size:16px}.msp :focus-visible{outline:3px solid #087c9c!important;outline-offset:4px}.msp [hidden]{display:none!important}.msp-paused .msp-scene,.msp-paused .msp-light{animation-play-state:paused!important}html[dir=ltr] .msp-journey span{transform:rotate(180deg)}
@keyframes msp-drift{to{transform:scale(1.06) translateX(1%)}}@keyframes msp-light{to{opacity:.4;transform:translateX(-6%)}}
/* Retain current header, language controls, login and every navigation link. */
body.home .mp-header{background:#f5fbffe8!important;border-color:#d7eaf2!important;backdrop-filter:blur(20px)}body.home .mp-header a,body.home .mp-header button{color:#20465d!important}body.home .mp-brand strong{color:#087c9c!important}body.home .mp-header .mp-button{background:#087c9c!important;color:white!important}body.home .miyar-branches{background:#eaf5fb!important;color:#20465d!important;border-bottom:1px solid #d9eaf2}body.home .miyar-branches a{color:#20465d!important}body.home .miyar-branches a[aria-current=page]{color:#087c9c!important}
/* Business surfaces: style existing screens, without replacing their DOM or forms. */
.ms-appx{--m-accent:#087c9c;--m-accent-2:#076982;--m-ink:#183b54;--m-ground:#f1f8fc;--m-soft:#e2f2f9;--m-line:#d5e7ef;font-family:Arial,sans-serif!important}.ms-appx .ms-side{background:linear-gradient(160deg,#e0f3fb,#f6fbfe)!important;color:#234c65!important;border-inline-end:1px solid #d7e8ef}.ms-appx .ms-side nav a{color:#234c65!important}.ms-appx .ms-side nav a.on{background:#087c9c!important;color:white!important;box-shadow:0 4px 14px #087c9c20}.ms-appx .ms-side nav a:hover{background:#d8eff8!important;color:#17364f!important}.ms-appx .ms-side-f a,.ms-appx .ms-side-f p,.ms-appx .ms-brand{color:#315d75!important}.ms-appx .ms-main{background:linear-gradient(130deg,#f6fbff,#e7f3fa)!important}.ms-appx .ms-card,.ms-appx .ms-kpi{border:1px solid #d6e8ef!important;border-radius:15px!important;box-shadow:0 6px 22px #295b7310}.ms-appx h1,.ms-appx h2,.ms-appx h3{font-family:Arial Black,Arial,sans-serif!important}.ms-appx input,.ms-appx select,.ms-appx button{font-family:Arial,sans-serif!important}.ms-appx .ms-side a:focus-visible{outline:3px solid #087c9c!important}
.myedu-page{background:linear-gradient(135deg,#e5f4fa,#f9fdfb)!important;font-family:Arial,sans-serif!important}.myedu-page .miyar-branches{background:linear-gradient(110deg,#e0f3f8,#effaf3)!important;color:#204e53!important;border-bottom:1px solid #d2e8e3}.myedu-page .miyar-branches a{color:#245b5c!important}.myedu-page h1,.myedu-page h2{font-family:Arial Black,Arial,sans-serif!important}
@media(max-width:980px){.msp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msp-hero{min-height:210px}.msp-toolbar{letter-spacing:1px}.msp-toolbar>span{display:none}.msp-toolbar>div{width:100%;justify-content:space-between}}@media(max-width:560px){.msp{padding-top:14px}.msp-wrap{width:calc(100% - 26px)}.msp-grid{gap:11px}.msp-card{border-radius:15px}.msp-card-link{padding:16px 13px;min-height:174px;flex-direction:column;align-items:flex-start;gap:6px;position:relative}.msp-card strong{font-size:18px}.msp-card small{font-size:11px;margin-top:5px}.msp-icon{width:42px}.msp-icon svg{height:42px}.msp-arrow{position:absolute;inset-inline-end:16px;top:20px}.msp-card summary{font-size:11px;padding:8px 12px}.msp-card details nav{grid-template-columns:1fr}.msp-toolbar input{width:140px;font-size:12px}.msp button{font-size:11px;padding:10px}.msp-hero{padding:28px 0}.msp-hero p{font-size:16px}.msp-actions{font-size:12px;gap:15px}.msp-journey{font-size:13px;padding:15px}.msp-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.msp-scene,.msp-light{animation:none!important}.msp-card{transition:none!important}}@media print{.msp-scene,.msp-light,.msp-toolbar{display:none!important}.msp,.ms-appx .ms-main{background:white!important}.msp-card{box-shadow:none!important;break-inside:avoid}}