@import url("assets/fonts/fonts.css");
:root{color-scheme:light;--navy:#122642;--blue:#155fbd;--red:#cf2633;--muted:#53647b;--line:#e3eaf3;--bg:#f7f9fc;--blue-soft:#edf4ff;--beige:#f7f2e9;--shadow:0 8px 25px #12264205;font-family:"Segoe UI",Tahoma,"Tajawal",Arial,sans-serif;color:var(--navy);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:0;line-height:1.6;isolation:isolate;position:relative;background:radial-gradient(ellipse 900px 650px at 55% 0,#fff 20%,#ffffff66 70%,transparent 100%);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}
.scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.scenery::before{content:"";position:absolute;width:600px;height:600px;right:-360px;top:-320px;border-radius:50%;background:#eaf2ff80}.scenery::after{content:"";position:absolute;width:420px;height:420px;left:-320px;top:520px;background:#f3ecdf66;border-radius:50%}.orbit{position:absolute;width:1200px;height:650px;top:-240px;left:50%;border:1px solid #dce7f470;border-radius:50%;transform:translateX(-50%) rotate(-18deg)}.orbit-two{width:1420px;height:790px;top:-300px}.accent{position:absolute;border-radius:50%;background:var(--red);opacity:.6;width:6px;height:6px}.accent-one{left:12%;top:155px}.accent-two{right:7%;top:445px;width:4px;height:4px}
#app{max-width:1240px;margin-inline:auto;padding:0 40px 24px;min-height:100vh}.links-page{width:100%}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 23px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand img{display:block;width:56px;height:auto;object-fit:contain;flex:none}.brand-name{font-size:24px;font-weight:750;line-height:1.3;margin:0 0 3px}.brand-name span{color:var(--blue)}.brand-caption{font-size:11px;color:var(--muted)}.team-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.team-label i{width:6px;height:6px;background:var(--red);border-radius:50%;flex:none}
.links-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:44px 0 39px;min-height:260px}.hero-copy{min-width:0}.links-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:600;line-height:1.6;background:var(--blue-soft);border:1px solid #d6e5fb;border-radius:30px;padding:5px 12px;margin-bottom:13px}.links-eyebrow i{width:5px;height:5px;background:var(--blue);border-radius:50%}h1{font-size:44px;line-height:1.35;letter-spacing:-1px;font-weight:750;margin:0 0 10px}h1 span{color:var(--blue)}.links-hero p{font-size:19px;color:#3e536e;margin:0 0 5px;line-height:1.8}.hero-note{font-size:13px;color:var(--muted)}
.directory-art{width:285px;height:180px;flex:none;position:relative;margin-inline-end:32px;pointer-events:none}.art-panel{position:absolute;inset:3px 15px 6px 30px;background:#ffffffbd;border:1px solid #dce6f3;border-radius:18px;box-shadow:0 14px 34px #12264205;padding:19px;transform:rotate(-7deg)}.art-heading{display:flex;gap:5px;align-items:center}.art-heading>span{height:6px;width:65px;background:#cddff5;border-radius:8px;margin-inline-end:auto}.art-heading i{width:4px;height:4px;background:#dae5f3;border-radius:50%}.art-heading i:last-child{background:#e6b6be}.art-line{width:90px;height:4px;background:#e8eef7;border-radius:8px;margin:9px 0 17px}.art-tiles{display:flex;gap:8px;margin-bottom:16px}.art-tiles i{width:52px;height:39px;background:#eff5fe;border:1px solid #e1eaf6;border-radius:8px}.art-tiles i:nth-child(2){background:#fff5f5;border-color:#f3e5e7}.art-tiles i:nth-child(3){background:#f8f4ed;border-color:#eee8dd}.art-row{display:flex;align-items:center;gap:8px;margin:8px 0}.art-row i{width:8px;height:8px;border:1px solid #c3d6ed;border-radius:2px}.art-row span{height:4px;width:100px;background:#e5edf7;border-radius:6px}.art-link{position:absolute;bottom:-1px;left:15px;width:53px;height:53px;display:grid;place-items:center;background:#edf4ff;border:5px solid var(--bg);border-radius:17px;color:var(--blue);font-size:27px;transform:rotate(6deg)}.art-small{position:absolute;top:-2px;right:-12px;display:grid;grid-template-columns:22px 55px;gap:5px 8px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;transform:rotate(6deg)}.art-small i{grid-row:1/3;width:22px;height:22px;background:#f7f2e9;border-radius:7px}.art-small span{height:4px;background:#e5edf7;border-radius:5px}.art-small span:last-child{width:37px}
.links-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 225px auto;align-items:end;gap:16px;background:#ffffffed;border:1px solid var(--line);border-radius:20px;padding:21px 23px;box-shadow:var(--shadow);margin-bottom:12px}.field{min-width:0}.field label{display:block;font-size:12px;font-weight:600;color:#3e536e;margin-bottom:8px}.field input,.field select{width:100%;height:47px;border:1px solid #d9e2ee;border-radius:11px;background:#f9fbfe;color:var(--navy);font-size:13px;padding:0 12px;min-width:0}.field input::placeholder{color:#66768c;opacity:1}.search-wrap{position:relative}.search-wrap svg{position:absolute;right:13px;top:14px;width:19px;height:19px;color:#71839b;pointer-events:none}.search-wrap input{padding-inline-start:42px}.field input:focus,.field select:focus{background:#fff;border-color:#7ca7df;outline:none}.field input:focus-visible,.field select:focus-visible,.btn:focus-visible,.links-site:focus-visible{outline:3px solid #155fbd66;outline-offset:3px}
.btn{min-height:47px;padding:10px 15px;border:1px solid #d6e1ee;background:#fff;color:var(--blue);border-radius:11px;font-size:12px;line-height:1.6;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--blue-soft);border-color:#adc9eb}.btn:disabled,.field input:disabled,.field select:disabled{opacity:.6;cursor:wait}.links-results{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:29px 0 18px}.links-results h2{font-size:18px;line-height:1.5;font-weight:700;margin:0}.links-results>span{font-size:12px;line-height:1.6;border:1px solid #dce7f5;border-radius:30px;color:#3e618d;background:#edf4ff;padding:5px 12px;white-space:nowrap}.links-results>span:empty{display:none}
.links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.links-site{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:var(--shadow);overflow-wrap:anywhere;transition:transform .18s,border-color .18s,box-shadow .18s}.links-site:hover{border-color:#adc9eb;transform:translateY(-3px);box-shadow:0 10px 28px #1226420a}.links-site-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.links-site-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:13px;background:var(--blue-soft);color:var(--blue);font-size:22px;font-weight:700}.links-site:nth-child(3n + 2) .links-site-icon{background:#fff0f1;color:#b82b3c}.links-site:nth-child(3n) .links-site-icon{background:var(--beige);color:#81633e}.links-committee{font-size:10px;line-height:1.6;background:#f5f7fa;border:1px solid #edf0f5;border-radius:7px;padding:4px 8px;color:#53647b;max-width:calc(100% - 55px)}.links-site-title{font-size:17px;font-weight:650;line-height:1.8;margin:0}.links-domain{font-family:"Segoe UI",Tahoma,sans-serif;direction:ltr;text-align:right;font-size:11px;line-height:1.7;color:#65758b;margin:7px 0 22px;overflow-wrap:anywhere}.links-site-action{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #edf1f6;padding-top:14px;margin-top:auto;color:var(--blue);font-size:12px;font-weight:600}.links-site-action small{font-size:10px;font-weight:400;color:#65758b;margin-inline-start:3px}.links-site-action>span:last-child{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:9px;background:var(--blue-soft);color:var(--blue);font-size:18px}
.alert{padding:13px 17px;margin:12px 0 0;border-radius:12px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.alert-info{background:#edf4ff;border:1px solid #d6e5fb;color:#315c91}.alert-error{background:#fff0f1;border:1px solid #f1cdd2;color:#942a38}.links-empty{grid-column:1/-1;text-align:center;border:1px dashed #cad8e9;background:#ffffffb3;border-radius:20px;padding:52px 20px;color:var(--muted)}.links-empty>span{font-size:34px;color:var(--blue)}.links-empty h3{color:var(--navy);font-size:19px;line-height:1.7;margin:12px 0 6px}.links-empty p{margin:0;font-size:14px;line-height:1.8}.spinner{width:35px;height:35px;margin:auto;border:3px solid #dce7f5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-footer{text-align:center;padding:42px 0 10px;color:#56657a;font-size:12px}.brand-footer>span{display:block;width:22px;height:3px;background:var(--red);border-radius:4px;margin:0 auto 12px}.brand-footer p{margin:0}
@media(min-width:1600px){#app{max-width:1340px}.links-hero{padding-block:49px}.links-site{padding:25px}}
@media(max-width:1000px){#app{padding-inline:28px}.links-toolbar{grid-template-columns:minmax(0,1fr) 200px;gap:15px}.links-search{grid-column:1/-1}.links-toolbar .btn{justify-self:end}.links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-art{margin-inline-end:5px;width:240px;transform:scale(.9);transform-origin:left center}}
@media(max-width:640px){#app{padding:0 18px 18px}.brand-header{padding:20px 0 18px}.brand img{width:45px}.brand{gap:10px}.brand-name{font-size:21px}.brand-caption{font-size:10px}.team-label{display:none}.links-hero{padding:29px 0 27px;min-height:0}.directory-art{display:none}.links-eyebrow{font-size:11px;margin-bottom:11px}h1{font-size:35px;letter-spacing:-.8px}.links-hero p{font-size:16px;margin-bottom:5px}.hero-note{font-size:12px}.links-toolbar{padding:17px;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:14px 11px}.field input,.field select{font-size:16px}.field input::placeholder{font-size:12px}.btn{font-size:11px;padding:10px}.links-results{margin:25px 0 15px}.links-results h2{font-size:17px}.links-grid{grid-template-columns:1fr;gap:13px}.links-site{padding:20px;border-radius:18px}.links-site-top{margin-bottom:13px}.links-site-title{font-size:17px}.links-site-action{padding-top:13px}.links-domain{margin-bottom:17px}.links-committee{font-size:11px}.links-empty{padding:37px 16px}.scenery::after{display:none}.accent-one{left:9%;top:150px}.accent-two{display:none}.orbit{width:800px;height:570px;top:-200px}.orbit-two{width:970px;height:700px;top:-250px}}
@media(max-width:359px){#app{padding-inline:14px}.brand-caption{font-size:9px}.links-hero p{font-size:14px}.hero-note{font-size:11px}h1{font-size:32px}.links-toolbar{padding:13px;gap:12px 8px}.btn{font-size:10px;padding-inline:8px}.links-site{padding:18px}.links-results>span{font-size:11px;padding:4px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.links-site:hover{transform:none}}

#app{min-height:calc(100vh - 72px)}

/* Shared footer, matching the supplied reference. */
.site-footer{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px 28px;padding:22px 34px;margin:0;color:#627187;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.8;text-align:right}
.site-footer p{margin:0}.site-footer .footer-credit{flex:none;white-space:nowrap}.site-footer a{color:#122642;font-weight:700;text-decoration:none;border-bottom:1px solid #d9b64a;padding-bottom:2px}.site-footer a:hover{color:#155fbd}.site-footer a:focus-visible{outline:2px solid #155fbd;outline-offset:5px;border-radius:2px}
@media(max-width:640px){.site-footer{flex-direction:column;justify-content:center;text-align:center;gap:12px;padding:24px 18px;font-size:11px}.site-footer .footer-credit{white-space:normal}}