/* Top Nursing Academy - base (clean, from scratch) */
:root{
 --c-primary:#16b2bd; --c-primary-dark:#0d8aa0; --c-primary-darker:#0a7488;
 --c-primary-light:#e8f7f9; --c-accent:#84b93e; --c-accent-dark:#6a9c2c;
 --c-text:#1f2d3a; --c-text-soft:#54677a; --c-text-mute:#8898a6;
 --c-bg:#fff; --c-bg-alt:#f5f8fa; --c-bg-soft:#eef4f6; --c-border:#e2e9ee;
 --shadow-sm:0 2px 8px rgba(13,138,160,.08); --shadow-md:0 10px 30px rgba(13,138,160,.12);
 --shadow-lg:0 20px 50px rgba(13,138,160,.18);
 --radius:14px; --radius-lg:22px; --radius-sm:8px;
 --header-h:72px; --topbar-h:44px; --container:1360px;
 --font:"Heebo","Segoe UI",Arial,sans-serif; --t:.25s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);line-height:1.7;direction:rtl;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--c-primary-dark);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--c-primary)}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}
h1,h2,h3,h4,h5{line-height:1.3;font-weight:800;color:var(--c-text)}
:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px}
.skip-link{position:absolute;top:-60px;right:16px;z-index:9999;background:var(--c-primary-dark);color:#fff;padding:10px 18px;border-radius:0 0 8px 8px;font-weight:700;transition:top .2s}
.skip-link:focus{top:0;color:#fff}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}
.section{padding:80px 0}
.section--alt{background:var(--c-bg-alt)}
.section--soft{background:var(--c-bg-soft)}
.section__head{text-align:center;max-width:760px;margin:0 auto 50px}
.section__title{font-size:clamp(1.7rem,3vw,2.6rem);margin-bottom:14px;position:relative;display:inline-block}
.section__title::after{content:"";position:absolute;bottom:-10px;right:50%;transform:translateX(50%);width:70px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--c-primary),var(--c-accent))}
.section__subtitle{color:var(--c-text-soft);font-size:1.1rem}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:13px 28px;border-radius:30px;font-weight:700;font-size:1rem;transition:transform var(--t),box-shadow var(--t),background var(--t)}
.btn--primary{background:linear-gradient(90deg,var(--c-primary-dark),var(--c-primary));color:#fff;box-shadow:0 8px 22px rgba(13,138,160,.3)}
.btn--primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(13,138,160,.4)}
.btn--accent{background:linear-gradient(90deg,var(--c-accent-dark),var(--c-accent));color:#fff;box-shadow:0 8px 22px rgba(132,185,62,.3)}
.btn--accent:hover{color:#fff;transform:translateY(-3px)}
.btn--ghost{background:#fff;color:var(--c-primary-dark);border:2px solid var(--c-primary)}
.btn--ghost:hover{background:var(--c-primary);color:#fff}
.btn--white{background:#fff;color:var(--c-primary-dark)}
.btn--white:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.btn--outline-white{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.btn--outline-white:hover{background:#fff;color:var(--c-primary-dark)}
.grid{display:grid;gap:28px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--books{grid-template-columns:repeat(5,1fr)}
.text-center{text-align:center}
.mt-40{margin-top:40px}

/* Reveal-on-scroll: .reveal starts hidden, JS adds .is-visible when in view.
   Children of .reveal--stagger cascade in one after the other. */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}
.reveal--stagger>*{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.reveal--stagger.is-visible>*{opacity:1;transform:none}
.reveal--stagger.is-visible>*:nth-child(2){transition-delay:.1s}
.reveal--stagger.is-visible>*:nth-child(3){transition-delay:.2s}
.reveal--stagger.is-visible>*:nth-child(4){transition-delay:.3s}
.reveal--stagger.is-visible>*:nth-child(5){transition-delay:.4s}
@media (prefers-reduced-motion:reduce){
 .reveal,.reveal--stagger>*{opacity:1;transform:none;transition:none}
}