/* EduEmpire — resets, font faces and keyframes only. All styling is inline. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;800;900&display=swap');

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#0F2337;font-family:Archivo,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;line-height:1.04;letter-spacing:-0.03em}
p{margin:0}
a{color:#004890;text-decoration:none;text-underline-offset:3px}
a:hover{color:#06213D}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus{outline:none}
:focus-visible{outline:2px solid #004890;outline-offset:3px}
::selection{background:rgba(0,72,144,.22)}

@keyframes ee-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes ee-fade{from{opacity:0}to{opacity:1}}
@keyframes ee-drift{0%{transform:translate(0,0)}50%{transform:translate(0,-14px)}100%{transform:translate(0,0)}}
@keyframes ee-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ee-pulse{0%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}100%{opacity:.35;transform:scale(1)}}
@keyframes ee-spin{to{transform:rotate(360deg)}}
@keyframes ee-tick{from{stroke-dashoffset:64}to{stroke-dashoffset:0}}
@keyframes ee-sheen{0%{left:-60%}55%{left:130%}100%{left:130%}}

/* scroll-reveal hooks — toggled by IntersectionObserver in page logic */
.ee-rv{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
.ee-rv.in{opacity:1;transform:none}
.ee-clip{clip-path:inset(0 0 100% 0);transition:clip-path 1s cubic-bezier(.2,.7,.2,1)}
.ee-clip.in{clip-path:inset(0 0 0 0)}
.grayscale img,.grayscale{filter:grayscale(1) contrast(1.06)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ee-rv,.ee-clip{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  *{animation:none!important}
}