*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f7f8fc;color:#172033;line-height:1.7;transition:background .2s,color .2s}.site-header{position:sticky;top:0;z-index:50}.utility-bar{height:42px;background:#111827;color:#dbe3f0}.utility-inner{max-width:1240px;height:100%;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility-note{font-size:12px;opacity:.9}.top-controls{display:flex;gap:7px;align-items:center}.control-btn{border:1px solid #3a465b;background:#1c2638;color:#fff;border-radius:9px;min-height:32px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.control-btn:hover{transform:translateY(-1px);background:#27344b}.control-icon{font-size:14px}.theme-icon{font-size:15px}.nav{height:72px;background:#fff;border-bottom:1px solid #e8ebf2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4%;box-shadow:0 3px 14px #1720330b}.brand{justify-self:start;display:flex;align-items:center;gap:10px;color:#172033;text-decoration:none}.brand-mark{width:42px;height:42px;display:block;flex:none;filter:drop-shadow(0 5px 9px #17203320)}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:21px;letter-spacing:-.3px}.brand-copy small{font-size:9px;color:#7b8598;margin-top:3px}.nav nav{display:flex;gap:30px}.nav a:not(.brand){color:#526079;text-decoration:none;font-weight:700}.nav-actions{justify-self:end;display:flex;gap:8px;align-items:center}.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:700;cursor:pointer;font-family:inherit}.primary{background:#172033;color:white}.ghost{background:#eef1f6;color:#172033}.hero{max-width:1180px;margin:auto;padding:85px 6% 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.pill,.eyebrow{color:#5a67d8;font-weight:800;font-size:13px}.hero h1{font-size:52px;line-height:1.18;margin:15px 0}.hero h1 span{color:#5a67d8}.hero p{font-size:18px;color:#5d687c;max-width:650px}.searchbox{display:flex;background:#fff;border:1px solid #dfe4ee;padding:7px;border-radius:16px;box-shadow:0 15px 35px #17203312;margin-top:24px}.searchbox input{flex:1;border:0;outline:0;padding:12px;font-size:16px;background:transparent;color:inherit}.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.quick button{border:1px solid #e0e4ed;background:#fff;color:inherit;border-radius:999px;padding:7px 12px;cursor:pointer;font-family:inherit}.ai-card{background:#172033;border-radius:28px;padding:25px;color:#fff;box-shadow:0 25px 60px #17203325}.ai-head{font-weight:800;margin-bottom:20px}.ai-dot{display:inline-block;width:9px;height:9px;background:#55d6be;border-radius:50%;margin-left:8px}.chat{padding:12px 15px;border-radius:15px;margin:10px 0;font-size:14px}.user{background:#2b3750}.bot{background:#fff;color:#172033}.mini-result{background:#26324a;padding:12px;border-radius:12px;margin-top:8px;display:flex;justify-content:space-between;font-size:13px}.section{padding:65px 6%;max-width:1240px;margin:auto}.alt{max-width:none;background:#eef1f6}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title h2,.lead-section h2{font-size:32px;margin:5px 0}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cats button{background:#fff;border:1px solid #e2e6ef;border-radius:18px;padding:22px 12px;text-align:right;cursor:pointer;font-family:inherit;color:inherit;transition:.18s}.cats button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #17203310}.cats button:first-letter{font-size:25px}.cats b,.cats small{display:block}.cats small{color:#778196}.results{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e1e5ee;border-radius:18px;padding:20px}.card .top{display:flex;justify-content:space-between}.badge{background:#eaf7f4;color:#177a67;border-radius:999px;padding:4px 9px;font-size:12px}.card h3{margin:12px 0 3px}.muted{color:#718096;font-size:14px}.card-actions{display:flex;gap:8px;margin-top:15px}.card-actions button{flex:1}.lead-section{max-width:1180px;margin:60px auto;padding:55px 6%;background:#172033;color:#fff;border-radius:30px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.lead-section p{color:#c8cfdd;max-width:650px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.stats div{background:#26324a;border-radius:18px;padding:20px}.stats strong,.stats span{display:block}.stats strong{font-size:25px}.stats span{color:#c8cfdd;font-size:13px}.modal{position:fixed;inset:0;background:#11182799;display:none;place-items:center;z-index:100;padding:20px}.modal.show{display:grid}.modal-box{background:#fff;width:min(500px,100%);border-radius:22px;padding:28px;position:relative}.close{position:absolute;left:18px;top:12px;border:0;background:none;font-size:28px;cursor:pointer;color:inherit}.modal input,.modal textarea{width:100%;margin:7px 0;padding:12px;border:1px solid #dfe4ed;border-radius:11px;font:inherit;background:#fff;color:#172033}.modal textarea{min-height:110px}.full{width:100%;margin-top:8px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tags span{background:#f0f2f7;padding:4px 8px;border-radius:999px;font-size:12px}.source{font-size:11px;margin-top:8px}.filters{display:flex;gap:8px;align-items:center}.filters select{border:1px solid #dfe4ee;border-radius:10px;padding:10px;background:#fff;color:#172033;font-family:inherit}.wide{width:min(680px,100%)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-grid>div{background:#f7f8fc;border-radius:14px;padding:14px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.profile-actions a{text-decoration:none}.empty{padding:30px;text-align:center;background:#fff;border-radius:16px;grid-column:1/-1}footer{text-align:center;padding:35px;color:#7b8598;font-size:13px}
html[data-theme="dark"] body{background:#0b1220;color:#edf2f7}html[data-theme="dark"] .utility-bar{background:#080d16}html[data-theme="dark"] .nav{background:#121a2a;border-color:#273247;box-shadow:none}html[data-theme="dark"] .brand{color:#fff}html[data-theme="dark"] .brand-copy small{color:#9ba8bc}html[data-theme="dark"] .nav a:not(.brand){color:#c1cada}html[data-theme="dark"] .ghost{background:#202b3e;color:#edf2f7}html[data-theme="dark"] .hero p{color:#b9c3d5}html[data-theme="dark"] .searchbox{background:#121a2a;border-color:#344158;box-shadow:none}html[data-theme="dark"] .searchbox input{color:#fff}html[data-theme="dark"] .searchbox input::placeholder{color:#8995aa}html[data-theme="dark"] .quick button{background:#121a2a;border-color:#344158;color:#e8edf5}html[data-theme="dark"] .ai-card{background:#080d16}html[data-theme="dark"] .bot{background:#edf2f7;color:#172033}html[data-theme="dark"] .section.alt{background:#151e2e}html[data-theme="dark"] .cats button{background:#121a2a;border-color:#2d394d;color:#edf2f7}html[data-theme="dark"] .cats small{color:#9ba8bc}html[data-theme="dark"] .card{background:#121a2a;border-color:#2d394d}html[data-theme="dark"] .muted{color:#a5b1c4}html[data-theme="dark"] .tags span{background:#202b3e;color:#dce4ef}html[data-theme="dark"] .filters select{background:#121a2a;color:#edf2f7;border-color:#344158}html[data-theme="dark"] .empty{background:#121a2a}html[data-theme="dark"] .modal{background:#02050ab8}html[data-theme="dark"] .modal-box{background:#121a2a;color:#edf2f7}html[data-theme="dark"] .modal input,html[data-theme="dark"] .modal textarea{background:#0d1320;color:#fff;border-color:#344158}html[data-theme="dark"] .profile-grid>div{background:#202b3e}html[data-theme="dark"] footer{color:#8f9bb0}
html[dir="ltr"] .card-actions{direction:ltr}html[dir="ltr"] .cats button{text-align:left}html[dir="ltr"] .close{right:18px;left:auto}html[dir="ltr"] .ai-dot{margin-left:0;margin-right:8px}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.cats{grid-template-columns:repeat(2,1fr)}.results{grid-template-columns:1fr 1fr}.lead-section{grid-template-columns:1fr}.nav-actions{display:none}}
@media(max-width:560px){.utility-note{display:none}.utility-inner{justify-content:flex-end}.control-text.theme-label{display:none}.control-btn{min-width:38px;padding:5px 8px}.hero h1{font-size:38px}.cats{grid-template-columns:repeat(2,1fr)}.results{grid-template-columns:1fr}.nav{padding:0 4%}.hero,.section{padding-left:4%;padding-right:4%}.brand-copy small{display:none}.brand-copy strong{font-size:19px}}

/* GuideSouk v7: creative brand, stronger hero, recommendations sidebar */
:root{--gs-blue:#1746d1;--gs-cyan:#0b87c9;--gs-red:#ef3340;--gs-yellow:#f6b51b;--gs-ink:#172033;--gs-muted:#6c7890;--gs-surface:#fff;--gs-line:#e4e9f2}
.nav{height:78px}
.brand-mark{width:48px;height:48px}
.brand-copy strong{font-size:22px;font-weight:900;color:var(--gs-ink)}
.brand-copy small{font-size:10px;color:#68758b}
.hero{max-width:1280px;padding:54px 4% 64px;grid-template-columns:310px minmax(0,1fr);grid-template-areas:"recommend main";gap:42px;align-items:stretch}
.hero-main{grid-area:main;text-align:center;min-width:0}
.recommendations{grid-area:recommend;align-self:start;background:var(--gs-surface);border:1px solid var(--gs-line);border-radius:24px;box-shadow:0 18px 45px #17203312;overflow:hidden;direction:rtl}
.rec-head{background:linear-gradient(135deg,#1746d1,#0b87c9);color:#fff;padding:17px 18px 14px}
.rec-head>div{display:flex;align-items:center;gap:8px;font-size:16px}
.rec-star{color:#ffd45b;font-size:19px}
.rec-head small{display:block;opacity:.85;margin-top:3px;font-size:11px}
.rec-card{width:100%;display:grid;grid-template-columns:42px 1fr 16px;gap:9px;align-items:center;text-align:right;background:transparent;border:0;border-bottom:1px solid var(--gs-line);padding:13px 12px;cursor:pointer;color:inherit;font-family:inherit}
.rec-card:hover{background:#f4f7ff}
.rec-icon{width:42px;height:42px;border-radius:12px;background:#edf3ff;display:grid;place-items:center;font-size:22px}
.rec-body{min-width:0}
.rec-body strong,.rec-body span,.rec-body small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-body strong{font-size:13px}
.rec-body span{font-size:11px;color:var(--gs-blue);font-weight:700}
.rec-body small{font-size:10px;color:var(--gs-muted);margin-top:2px}
.rec-tag{font-size:9px!important;color:#177a67!important;margin-bottom:1px}
.rec-arrow{font-size:24px;color:#8b96aa}
.rec-more{width:calc(100% - 20px);margin:10px;border:0;background:#edf3ff;color:var(--gs-blue);font:inherit;font-weight:800;border-radius:12px;padding:9px;cursor:pointer}
.brand-hero{display:inline-flex;align-items:center;gap:13px;margin-bottom:13px}
.hero-logo-wrap{width:82px;height:82px}
.hero-logo{width:100%;height:100%;filter:drop-shadow(0 12px 20px #1746d135)}
.hero-brand-name{font-size:36px;font-weight:950;letter-spacing:-1.2px;color:var(--gs-blue);line-height:1}
.hero-brand-tag{font-size:12px;color:#71809a;margin-top:5px;font-weight:700}
.hero .pill{display:inline-flex;align-items:center;gap:6px;background:#edf3ff;padding:6px 12px;border-radius:999px}
.hero h1{font-size:54px;margin:13px 0 8px;letter-spacing:-1.4px}
.hero h1 span{color:var(--gs-blue)}
.hero p{margin:0 auto;max-width:730px}
.hero-search{max-width:820px;margin:26px auto 0;border-radius:22px;padding:8px;background:#fff;box-shadow:0 18px 45px #1746d11a;border:1px solid #dfe7f4}
.search-button{min-width:110px;border-radius:16px;background:linear-gradient(135deg,#1746d1,#0b87c9);font-size:15px}
.search-button span:first-child{font-size:22px;line-height:0}
.search-hints{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:13px auto 0;color:#7a8598;font-size:12px}
.search-hints button{border:1px solid #e1e7f0;background:var(--gs-surface);color:inherit;border-radius:999px;padding:6px 10px;cursor:pointer;font:inherit}
.search-hints button:hover{border-color:#b9c8e9;color:var(--gs-blue)}
.category-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-top:26px}
.category-strip button{border:1px solid var(--gs-line);background:var(--gs-surface);border-radius:16px;padding:10px 5px;display:flex;flex-direction:column;gap:3px;align-items:center;cursor:pointer;color:inherit;font:inherit;font-size:11px;font-weight:800;box-shadow:0 6px 18px #17203308}
.category-strip button:hover{transform:translateY(-2px);border-color:#b8c8ef;color:var(--gs-blue)}
.section{padding-top:55px;padding-bottom:55px}
@media(max-width:980px){.hero{grid-template-columns:1fr;grid-template-areas:"main" "recommend";padding-top:42px}.recommendations{max-width:720px;width:100%;margin:0 auto}.category-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.nav{height:70px}.hero{padding-top:30px;gap:26px}.hero-logo-wrap{width:64px;height:64px}.hero-brand-name{font-size:29px}.hero h1{font-size:38px;letter-spacing:-.7px}.hero p{font-size:15px}.hero-search{margin-top:20px}.search-button{min-width:86px;padding:10px 12px}.search-button span:first-child{display:none}.category-strip{grid-template-columns:repeat(4,1fr);gap:6px}.category-strip button{padding:8px 3px;font-size:10px}.recommendations{border-radius:19px}.brand-copy small{display:block}.utility-note{display:none}}
html[dir="ltr"] .hero{grid-template-areas:"main recommend";grid-template-columns:minmax(0,1fr) 310px}
html[dir="ltr"] .recommendations{direction:ltr}
html[dir="ltr"] .rec-card{text-align:left;grid-template-columns:16px 1fr 42px}
html[dir="ltr"] .rec-icon{grid-column:3}
html[dir="ltr"] .rec-body{grid-column:2}
html[dir="ltr"] .rec-arrow{grid-column:1}
html[dir="ltr"] .brand-hero{direction:ltr}
html[dir="ltr"] .category-strip button{direction:ltr}
html[data-theme="dark"] .recommendations{background:#121a2a;border-color:#2d394d;box-shadow:none}
html[data-theme="dark"] .rec-card{border-color:#2d394d}
html[data-theme="dark"] .rec-card:hover{background:#1a2436}
html[data-theme="dark"] .rec-icon{background:#202b3e}
html[data-theme="dark"] .rec-body small{color:#a5b1c4}
html[data-theme="dark"] .rec-more{background:#202b3e;color:#9db7ff}
html[data-theme="dark"] .hero-brand-tag{color:#a5b1c4}
html[data-theme="dark"] .hero .pill{background:#1b2943}
html[data-theme="dark"] .search-hints button,.html[data-theme="dark"] .category-strip button{background:#121a2a;border-color:#2d394d;color:#e7edf7}
html[data-theme="dark"] .category-strip button{background:#121a2a;border-color:#2d394d;color:#e7edf7}
html[data-theme="dark"] .search-hints{color:#a5b1c4}
html[data-theme="dark"] .hero h1 span{color:#79a1ff}