@font-face{font-family:'Nafs Cairo';src:url('fonts/Cairo.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
@font-face{font-family:'Nafs Almarai';src:url('fonts/Almarai-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Nafs Almarai';src:url('fonts/Almarai-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

/* Scoped to the portal so the site's header, footer and administration keep their styles. */
.nafs-portal{--nafs-accent:#73c3cd;--nafs-ink:#173e45;--nafs-line:#d5e9eb;box-sizing:border-box;width:100%;max-width:1100px;margin:24px auto;padding:clamp(18px,4vw,40px);background:linear-gradient(145deg,#f0fafb,#fbfdfd);color:var(--nafs-ink);border:1px solid var(--nafs-line);border-radius:24px;font-family:'Nafs Almarai',sans-serif;font-size:16px;line-height:1.9;text-align:right;overflow-wrap:anywhere;box-shadow:0 12px 36px rgb(23 62 69 / 6%)}
.nafs-portal *{box-sizing:border-box;min-width:0}
.nafs-portal h2,.nafs-portal h3,.nafs-portal h4,.nafs-portal .nafs-subject strong{font-family:'Nafs Cairo',sans-serif;color:var(--nafs-ink);font-weight:700;line-height:1.6;margin:12px 0}
.nafs-portal h2{font-size:clamp(28px,4vw,38px)}
.nafs-portal h3{font-size:24px}.nafs-portal h4{font-size:21px}
.nafs-portal .nafs-eyebrow{color:#35616a;margin:0;font-weight:700}
.nafs-portal a{color:#245a65;text-decoration:underline;text-underline-offset:4px}
.nafs-portal .nafs-periods{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 26px}
.nafs-portal .nafs-periods a{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;background:#fff;border:1px solid var(--nafs-line);border-radius:24px}
.nafs-portal .nafs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}
.nafs-portal .nafs-subject,.nafs-portal .nafs-week,.nafs-portal .nafs-panel{background:#fff;border:1px solid var(--nafs-line);border-radius:18px;padding:24px;overflow-wrap:anywhere;box-shadow:0 5px 16px rgb(23 62 69 / 4%)}
.nafs-portal .nafs-subject{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:150px;text-decoration:none;border-top:5px solid var(--nafs-accent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.nafs-portal .nafs-subject strong{font-size:26px;margin:0}.nafs-portal .nafs-subject span{color:#49676d;font-size:15px}
.nafs-portal .nafs-week{display:flex;flex-direction:column;align-items:flex-start}
.nafs-portal .nafs-week>span{display:inline-block;background:#eaf7f8;color:#245a65;border-radius:20px;padding:3px 12px;font-size:14px;font-weight:700}
.nafs-portal .nafs-week>p{margin:0 0 18px}
.nafs-portal .nafs-week>a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;font-weight:700}
.nafs-portal .nafs-panel,.nafs-portal .nafs-stage{margin:28px 0}
.nafs-portal .nafs-stage>h3{border-inline-start:4px solid var(--nafs-accent);padding-inline-start:14px}
.nafs-portal .nafs-message{background:#e6f5f7;border-inline-start:4px solid var(--nafs-accent);padding:18px;margin:20px 0;border-radius:12px}
.nafs-portal .nafs-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;background:var(--nafs-accent);color:var(--nafs-ink);border:1px solid #58a8b2;border-radius:12px;padding:12px 22px;text-decoration:none;font:inherit;font-weight:700;text-align:center;cursor:pointer;white-space:normal;line-height:1.8}
.nafs-portal select{min-height:48px;max-width:100%;padding:10px 14px;background:#fff;color:var(--nafs-ink);border:1px solid #789ba1;border-radius:10px;font:inherit}
.nafs-portal input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:#245a65;margin-inline-end:8px}
.nafs-portal label{line-height:2}
.nafs-portal :is(a,button,input,select):focus-visible{outline:3px solid #245a65;outline-offset:4px}
.nafs-portal .nafs-button:hover{background:#99d5dd;color:var(--nafs-ink)}
@media(hover:hover){.nafs-portal .nafs-subject:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgb(23 62 69 / 10%);border-color:#73c3cd}}
@media(max-width:900px){.nafs-portal .nafs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nafs-portal{margin:16px auto;border-radius:18px;padding:18px}.nafs-portal .nafs-grid{grid-template-columns:minmax(0,1fr);gap:14px}.nafs-portal .nafs-subject,.nafs-portal .nafs-week,.nafs-portal .nafs-panel{padding:20px}.nafs-portal .nafs-subject{min-height:125px}.nafs-portal .nafs-button{width:100%}.nafs-portal select{display:block;width:100%;margin-top:8px}.nafs-portal h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.nafs-portal .nafs-subject{transition:none}.nafs-portal .nafs-subject:hover{transform:none}}
.nafs-portal .nafs-subject .nafs-week-count{align-self:flex-start;background:#eaf7f8;color:#245a65;border-radius:20px;padding:3px 12px;margin-top:4px;font-size:14px;font-weight:700}
.nafs-portal .nafs-training-button,.nafs-portal .nafs-training-button:visited,.nafs-portal .nafs-training-button:hover,.nafs-portal .nafs-training-button:focus{color:#fff}
.nafs-portal .nafs-panel .nafs-training-note{margin-top:24px;margin-bottom:0}