@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');

:root{--purple-950:#17065c;--purple-900:#23106f;--purple-800:#38208c;--purple-700:#5b32c7;--purple-600:#7542df;--purple-100:#eee9ff;--gold:#f6b65a;--ink:#17132a;--muted:#6f6982;--surface:#fff;--bg:#f6f4fb;--border:#e6e1f1;--success:#117a55;--danger:#bb2d3b;--shadow:0 20px 60px rgba(36,16,111,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit}button,a,summary{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 8px;color:#d8caff;font-size:.78rem;font-weight:800;letter-spacing:.08em}.eyebrow.purple{color:var(--purple-700)}

.login-page{min-height:100dvh;background:radial-gradient(circle at 12% 16%,rgba(166,105,255,.72),transparent 35%),linear-gradient(125deg,#8248e5 0%,#38208c 52%,#15065b 100%);display:grid;place-items:center;padding:24px;overflow-x:hidden}.login-page:before,.login-page:after{content:"";position:fixed;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:360px;height:360px}.login-page:before{top:-190px;left:-120px}.login-page:after{bottom:-240px;right:-120px;width:520px;height:520px}.login-shell{width:min(100%,480px);position:relative;z-index:1}.login-card{background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:42px;box-shadow:0 32px 100px rgba(12,4,54,.38);text-align:center}.login-logo{display:block;width:min(100%,300px);height:74px;object-fit:contain;margin:-116px auto 48px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.18))}.lock-mark{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,var(--purple-700),var(--purple-900));display:grid;place-items:center;margin:0 auto 18px;color:#fff;font-size:1.55rem;font-weight:800;box-shadow:0 12px 30px rgba(91,50,199,.25)}.login-card .eyebrow{color:var(--purple-700)}.login-card h1{font-size:clamp(1.65rem,5vw,2.15rem);line-height:1.25;margin:0 0 10px}.login-card>p{color:var(--muted);margin:0 auto 26px;max-width:350px}.login-form{text-align:right}.login-form label,.form-label{display:block;font-size:.88rem;font-weight:700;margin-bottom:7px}.password-row{position:relative}.password-row input{padding-left:72px}.reveal{position:absolute;left:8px;top:8px;height:40px;padding:0 12px;border:0;background:var(--purple-100);color:var(--purple-800);border-radius:10px;font-size:.78rem;font-weight:800;cursor:pointer}.login-form input,.search-box input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:13px;background:#fff;padding:13px 15px;color:var(--ink)}.login-form input{height:56px;margin-bottom:16px}.login-form input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple-600);box-shadow:0 0 0 4px rgba(117,66,223,.12);outline:none}.primary-button{border:0;border-radius:13px;background:linear-gradient(105deg,var(--purple-700),var(--purple-900));color:#fff;width:100%;min-height:54px;padding:13px 18px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(56,32,140,.24)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(56,32,140,.34)}.login-card small{display:block;color:#8b849a;margin-top:20px}.alert{padding:12px 15px;border-radius:12px;margin:0 0 18px;font-size:.9rem;font-weight:700}.alert.error{background:#fff0f1;color:var(--danger);border:1px solid #ffd5d9}.alert.success{background:#edfff7;color:var(--success);border:1px solid #c7f3df}

.portal-header{color:#fff;background:radial-gradient(circle at 12% 12%,rgba(166,105,255,.62),transparent 33%),linear-gradient(112deg,#8149e4 0%,#412493 46%,#16065d 100%);border-radius:0 0 42px 42px;overflow:hidden;position:relative}.portal-header:after{content:"";position:absolute;inset:auto -10% -210px auto;width:480px;height:480px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.header-inner{width:min(1180px,calc(100% - 40px));height:98px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:1}.brand-logo{width:220px;height:62px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:12px}.secure-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:.82rem}.status-dot{display:inline-block;width:7px;height:7px;background:#65e5aa;border-radius:50%;margin-left:6px}.logout-link{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.22);padding:8px 14px;border-radius:999px;font-size:.82rem}.logout-link:hover{background:#fff;color:var(--purple-900)}.hero{width:min(850px,calc(100% - 40px));margin:auto;text-align:center;padding:68px 0 76px;position:relative;z-index:1}.hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1.15;margin:0 0 12px}.hero>p:not(.eyebrow){margin:0 auto 30px;color:#ddd4fa;font-size:1.08rem}.search-box{height:64px;background:#fff;padding:7px;border-radius:18px;display:flex;box-shadow:0 18px 50px rgba(18,6,74,.3);max-width:700px;margin:auto}.search-box input{border:0;min-width:0;height:50px}.search-box input:focus{outline:none}.search-box button{border:0;border-radius:12px;background:var(--purple-800);color:#fff;padding:0 28px;font-weight:800;cursor:pointer}.search-box button:hover{background:var(--purple-700)}.hero-stats{display:flex;gap:28px;justify-content:center;margin-top:28px;color:#ded5fb;font-size:.9rem}.hero-stats b{color:#fff;font-size:1.2rem;margin-left:4px}
.content{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:60px 0 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2{font-size:2rem;margin:0}.section-heading>p{color:var(--muted);margin:0}.destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.destination-card{background:var(--surface);border:1px solid var(--border);border-radius:21px;box-shadow:0 8px 30px rgba(38,21,91,.06);overflow:hidden}.destination-card[open]{border-color:#cfc2f1;box-shadow:var(--shadow)}.destination-card summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:58px 1fr auto auto;gap:14px;align-items:center;padding:20px}.destination-card summary::-webkit-details-marker{display:none}.destination-card summary:hover{background:#fbfaff}.destination-icon{width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,var(--purple-100),#fff);border:1px solid #ded4f8;color:var(--purple-800);display:grid;place-items:center;font-weight:900;font-size:.95rem}.destination-copy{min-width:0}.destination-copy strong{font-size:1.16rem;display:block}.destination-copy small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count-badge{min-width:30px;height:30px;border-radius:999px;background:var(--purple-100);color:var(--purple-800);display:grid;place-items:center;font-size:.8rem;font-weight:800}.chevron{font-size:1.35rem;color:var(--purple-700);transform-origin:center}.destination-card[open] .chevron{transform:rotate(180deg)}.program-list{border-top:1px solid var(--border);padding:8px 12px 12px;background:#fcfbff}.program-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:13px 10px;text-decoration:none;border-radius:13px}.program-row:hover{background:#fff;box-shadow:0 7px 22px rgba(37,19,90,.08);transform:translateY(-1px)}.pdf-icon{width:42px;height:42px;border-radius:12px;background:#fff0f2;color:#c62d43;display:grid;place-items:center;font-size:.67rem;font-weight:900;border:1px solid #ffd9de}.program-row strong{font-size:.94rem;display:block}.program-row small{color:var(--muted);display:block;font-size:.76rem}.file-meta{color:#827a93;font-size:.75rem;white-space:nowrap}.file-meta b{color:var(--purple-700);font-size:1rem;margin-right:4px}.no-programs{color:var(--muted);text-align:center;padding:14px}.empty-state{text-align:center;background:#fff;border:1px dashed #cfc5df;border-radius:22px;padding:55px}.empty-state span{font-size:2rem;color:var(--purple-700)}.empty-state h2{margin:8px 0}.empty-state p{color:var(--muted);margin:0}footer{width:min(1120px,calc(100% - 40px));margin:auto;border-top:1px solid var(--border);padding:30px 0 38px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.86rem}footer strong{display:block;color:var(--ink)}footer span{font-size:.78rem}

@media(max-width:760px){.login-card{padding:32px 23px}.login-logo{margin-top:-92px;margin-bottom:38px;height:58px}.portal-header{border-radius:0 0 28px 28px}.header-inner{width:calc(100% - 28px);height:80px}.brand-logo{width:170px}.secure-chip{display:none}.hero{width:calc(100% - 28px);padding:45px 0 54px}.hero>p:not(.eyebrow){font-size:.95rem}.search-box{height:58px;border-radius:15px}.search-box input{height:44px}.search-box button{padding:0 18px}.hero-stats{gap:16px;font-size:.8rem}.content{width:calc(100% - 28px);padding:42px 0 65px}.section-heading{display:block}.section-heading>p{margin-top:5px}.destination-grid{grid-template-columns:1fr}.destination-card summary{grid-template-columns:52px 1fr auto auto;padding:16px;gap:10px}.destination-icon{width:50px;height:50px}.program-row{grid-template-columns:42px 1fr}.file-meta{grid-column:2;margin-top:-6px}.pdf-icon{width:39px;height:39px}.section-heading h2{font-size:1.65rem}footer{display:block;text-align:center}footer p{margin-bottom:0}}
.portal-page{overflow-x:hidden}.search-box input{width:auto;flex:1}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}