:root{
--navy:#102f4a;--navy2:#173f61;--teal:#0b8f87;--teal2:#23afa5;--gold:#d2a34c;
--ink:#10283d;--muted:#627587;--bg:#f4f8fb;--line:#d8e4eb;--white:#fff;
--orange:#e7773d;--shadow:0 20px 55px rgba(16,47,74,.12);--shell:min(1180px,calc(100% - 40px))
}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%}body{margin:0;max-width:100%;overflow-x:clip;font-family:"Noto Kufi Arabic","Noto Sans Arabic","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.8}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar-inner{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;margin-inline-end:auto}.brand img{width:47px;height:47px;object-fit:contain}.brand div{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:1.03rem;color:var(--navy)}.brand span{font-size:.69rem;color:var(--muted)}.nav{display:flex;align-items:center;gap:18px;font-size:.8rem;font-weight:800;color:#496174}.nav-login{border:1px solid var(--line);padding:7px 12px;border-radius:11px;background:#fff}
.hero{background:linear-gradient(130deg,#eef7f8 0%,#f8fbfd 48%,#fff6ef 100%);border-bottom:1px solid var(--line)}.hero-layout{padding-block:65px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:45px;align-items:center}.hero-pill{display:inline-flex;border-radius:999px;background:#e7f6f3;color:#0c766f;padding:6px 11px;font-size:.72rem;font-weight:900}.hero h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.13;margin:15px 0 10px;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:1.03rem;color:#536b7d;max-width:720px}.searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;background:#fff;border:1px solid #cfdee7;border-radius:18px;padding:8px;box-shadow:var(--shadow);margin-top:24px}.searchbar input{border:0;outline:0;background:transparent;padding:10px 12px}.searchbar button,.assistant-row button{border:0;border-radius:12px;background:var(--navy);color:#fff;padding:0 19px;font-weight:900}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chips button{border:1px solid var(--line);background:#fff;color:#496072;border-radius:999px;padding:6px 10px;cursor:pointer}.hero-panel{background:linear-gradient(150deg,var(--navy),var(--navy2));color:#fff;border-radius:26px;padding:22px;box-shadow:var(--shadow)}.hero-panel-title{font-weight:900;margin-bottom:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px;text-align:center}.stats strong,.stats span{display:block}.stats strong{font-size:1.55rem}.stats span{font-size:.65rem;color:#d2e1ea}.verified-note{margin-top:12px;background:rgba(35,175,165,.16);border:1px solid rgba(35,175,165,.24);padding:10px 12px;border-radius:13px;font-size:.7rem;color:#bfe8e4}
.assistant{background:linear-gradient(120deg,#0b2e49,#0d3e5e 65%,#0b5a61);color:#fff;padding-block:55px}.assistant-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}.assistant-badge{display:inline-flex;background:rgba(35,175,165,.17);color:#7ae1da;border:1px solid rgba(122,225,218,.25);border-radius:999px;padding:5px 10px;font-size:.7rem;font-weight:900}.assistant h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:10px 0 8px}.assistant-copy p{color:#cbdbe5}.assistant-box{background:#fff;color:var(--ink);border-radius:23px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.assistant-box label{display:block;font-size:.76rem;font-weight:900;margin-bottom:7px}.assistant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border:1px solid var(--line);padding:7px;border-radius:15px}.assistant-row input{border:0;outline:0;padding:9px 11px}.assistant-status{font-size:.72rem;color:#687b8c;margin-top:9px}.assistant-results{display:grid;gap:8px;margin-top:10px;max-height:390px;overflow:auto}.assistant-result{display:block;border:1px solid #e0e8ed;background:#f8fbfc;border-radius:14px;padding:11px}.assistant-result h3{margin:0 0 3px;font-size:.86rem;color:#163d5b}.assistant-result p{margin:0;font-size:.71rem;color:#647888}.assistant-result .why{margin-top:5px;color:var(--teal);font-weight:800}
.section{padding-block:62px}.soft{background:var(--bg)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-head span:first-child{font-size:.7rem;color:var(--teal);font-weight:900}.section-head h2{font-size:clamp(1.55rem,3vw,2.3rem);margin:3px 0;color:var(--navy)}.section-head p{margin:0;color:var(--muted)}.truth-badge{background:#edf8f1;color:#327247;border-radius:999px;padding:6px 10px;font-size:.69rem!important}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,330px);gap:15px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity}.card{scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(16,47,74,.07)}.card-head{min-height:132px;background:linear-gradient(135deg,#e6f5f3 0%,#eef4fb 48%,#fff2e8 100%);padding:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.card-open{align-self:flex-start;background:#e6f6ea;color:#28743e;border-radius:999px;padding:4px 8px;font-size:.63rem;font-weight:900}.card-name{font-size:1.1rem;line-height:1.5;font-weight:950;color:var(--navy);max-width:95%;word-break:break-word}.card-type{font-size:.65rem;color:#4f687c;font-weight:800}.card-body{padding:15px;display:flex;flex-direction:column;gap:8px;min-height:210px}.card-desc{font-size:.75rem;color:#647888;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;gap:5px;flex-wrap:wrap}.meta span{font-size:.62rem;background:#f3f7f9;border-radius:999px;padding:4px 7px}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}.card-footer a{font-size:.75rem;color:var(--navy);font-weight:900}.rating{font-size:.67rem;color:#886420}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.category{border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;text-align:right;color:#173e5d;font-weight:900;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.empty{border:1px dashed #c8d8e2;border-radius:15px;min-height:130px;display:grid;place-items:center;text-align:center;padding:20px;color:var(--muted)}.link-btn{border:0;background:transparent;color:var(--teal);font-weight:900}
footer{background:#081f34;color:#d8e5ed;padding-block:27px}.footer{display:flex;align-items:center;justify-content:space-between}.footer>span{font-size:.7rem;color:#92a9b8}
@media(max-width:950px){.nav a:not(.nav-login){display:none}.hero-layout,.assistant-layout{grid-template-columns:1fr}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:root{--shell:calc(100% - 24px)}.topbar-inner{height:68px}.brand img{width:40px;height:40px}.brand span span{display:none}.hero-layout{padding-block:42px}.searchbar,.assistant-row{grid-template-columns:1fr}.searchbar button,.assistant-row button{min-height:44px}.stats{grid-template-columns:1fr 1fr 1fr}.section{padding-block:46px}.section-head{align-items:flex-start;flex-direction:column}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.rail{grid-auto-columns:84vw}.footer{align-items:flex-start;flex-direction:column;gap:14px}}