/* MRKZY homepage styles — loaded only on the homepage. */
.home .site-footer{background:transparent}
.home #content{position:relative;isolation:isolate}
.home{background:linear-gradient(180deg,#fff 0%,#fffaf5 48%,#fff 100%)}
.portal-home{max-width:1180px;padding:30px 0 70px}
.portal-hero{text-align:center;max-width:820px;margin:0 auto 32px}
.portal-logo{display:flex;width:max-content;align-items:center;justify-content:center;margin:0 auto 18px;line-height:0}
.portal-logo img{display:block;width:196px;height:auto;aspect-ratio:400/159}
.portal-hero h1{margin:0;color:#1f1f1f;font:700 clamp(38px,5vw,66px)/1.35 Tajawal,Almarai,Arial,sans-serif;letter-spacing:-.6px}
.portal-hero h1 span{color:#ff8700}
.portal-intro{max-width:650px;margin:12px auto 24px;color:#6a645f;font-size:15px;line-height:2.05}
.portal-search{max-width:690px;margin:0 auto}
.portal-search .search-form{display:flex;align-items:stretch;margin:0;border:1px solid #e6c8a8;border-radius:28px;background:#fff;box-shadow:0 16px 44px #8a470b12;overflow:hidden}
.portal-search .search-form label{flex:1;min-width:0;margin:0}
.portal-search .search-field{display:block;width:100%;height:56px;margin:0;padding:0 22px;border:0!important;border-radius:0!important;background:#fff!important;color:#202020;font:400 15px/1.4 Almarai,Arial,sans-serif;outline:0}
.portal-search .search-submit{display:grid;place-items:center;width:60px;height:56px;flex:none;padding:0;border:0;background:#ff8700;color:#fff}
.portal-search .search-submit:hover{background:#e97800}
.portal-search .search-submit svg{width:21px;height:21px}

.portal-services-panel{position:relative;overflow:hidden;margin:0 0 22px;padding:30px 30px 24px;border:1.5px solid #ffb45c;border-radius:24px;background:#fff;box-shadow:0 18px 55px #944b0710}
.portal-ribbon{position:absolute;top:18px;left:-38px;width:145px;padding:6px 0;transform:rotate(-38deg);background:#ff8700;color:#fff;text-align:center;font:700 11px/1.5 Tajawal,Almarai,Arial,sans-serif;box-shadow:0 5px 16px #9b4d0020}
.portal-panel-head{display:flex;align-items:end;justify-content:flex-start;gap:28px;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #f1e9e0}
.portal-panel-eyebrow{display:block;margin:0 0 3px;color:#bd5f08;font:700 11px/1.7 Tajawal,Almarai,Arial,sans-serif}
.portal-panel-head h2,.portal-weather h2,.portal-today h2{margin:0;color:#222;font:700 25px/1.45 Tajawal,Almarai,Arial,sans-serif}
.portal-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.portal-service-card{position:relative;min-width:0;min-height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px 12px;border:1px solid #eee8e1;border-radius:18px;background:linear-gradient(155deg,#fff,#fffdfb);text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
a.portal-service-card:hover{transform:translateY(-3px);border-color:#f0b06d;box-shadow:0 12px 28px #81430710;color:inherit}
.portal-service-card.is-coming{cursor:default}
.portal-service-card.is-coming:after{content:"";position:absolute;inset:auto 16px 10px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#f4c490,transparent);opacity:.55}
.portal-service-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 0 3px;border-radius:15px;background:#fff7ef}
.portal-service-icon svg{width:27px;height:27px}
.portal-service-icon.is-dreams{color:#7568d9;background:#f5f2ff}
.portal-service-icon.is-games{color:#2f8f64;background:#eef8f3}
.portal-service-icon.is-names{color:#c97922;background:#fff4e8}
.portal-service-icon.is-photos{color:#3f7edb;background:#edf4ff}
.portal-service-icon.is-cards{color:#c64f72;background:#fff0f5}
.portal-service-icon.is-tools{color:#6b7280;background:#f2f3f5}
.portal-service-icon.is-blog{color:#ff8700;background:#fff3e5}
.portal-service-icon.is-more-icon{color:#6c635b;background:#f4f2ef}
.portal-service-card strong{display:block;color:#2d2925;font:700 15px/1.5 Tajawal,Almarai,Arial,sans-serif}
.portal-service-card small{display:block;color:#8a827a;font-size:10px;line-height:1.5}
.portal-service-card.is-active small{color:#2f8f64;font-weight:700}
.portal-building{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin:18px 0 0;padding-top:15px;border-top:1px solid #f3ede7;color:#756c64;font-size:11px}
.portal-building-dot{width:7px;height:7px;border-radius:50%;background:#ff8700;box-shadow:0 0 0 5px #fff0df;animation:portal-pulse 1.8s ease-in-out infinite}
.portal-building-bars{display:inline-flex;align-items:end;gap:2px;height:13px}
.portal-building-bars i{display:block;width:3px;border-radius:3px;background:#ffad54;animation:portal-bars 1s ease-in-out infinite}
.portal-building-bars i:nth-child(1){height:5px}
.portal-building-bars i:nth-child(2){height:10px;animation-delay:.12s}
.portal-building-bars i:nth-child(3){height:7px;animation-delay:.24s}
.portal-building-bars i:nth-child(4){height:12px;animation-delay:.36s}

.portal-dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px}
.portal-weather,.portal-today{min-width:0;border:1px solid #ece5de;border-radius:22px;background:#fff;box-shadow:0 14px 40px #7a43090a}
.portal-weather{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px 27px}
.portal-weather-icon{position:relative;width:78px;height:68px}
.portal-sun{position:absolute;top:3px;right:5px;width:41px;height:41px;border-radius:50%;background:#ffb02e;box-shadow:0 0 0 10px #fff4d9}
.portal-cloud{position:absolute;bottom:5px;left:3px;width:58px;height:25px;border-radius:20px;background:#f0f3f6;box-shadow:0 8px 15px #70809017}
.portal-cloud:before,.portal-cloud:after{content:"";position:absolute;border-radius:50%;background:#f0f3f6}
.portal-cloud:before{width:31px;height:31px;right:7px;top:-14px}
.portal-cloud:after{width:23px;height:23px;left:8px;top:-9px}
.portal-weather-copy p,.portal-today p{margin:6px 0 0;color:#726c66;font-size:12px;line-height:1.9}
.portal-weather-action{min-height:42px;padding:8px 15px;border:1px solid #ead6c0;border-radius:11px;background:#fff9f3;color:#a65a16;font:700 12px Tajawal,Almarai,Arial,sans-serif;cursor:not-allowed}
.portal-today{padding:25px 27px}

@keyframes portal-pulse{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@keyframes portal-bars{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}

@media(max-width:900px){
.portal-home{padding-top:24px}
.portal-services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.portal-service-card{min-height:126px;padding:15px 8px}
.portal-dashboard{grid-template-columns:1fr}
.portal-weather{grid-template-columns:78px minmax(0,1fr) auto}
}
@media(max-width:690px){
.portal-home{width:94%;padding:18px 0 55px}
.portal-hero{margin-bottom:25px}
.portal-logo{margin:0 auto 14px}.portal-logo img{width:150px}
.portal-hero h1{font-size:35px}
.portal-intro{font-size:13px;line-height:2;margin-bottom:18px}
.portal-search .search-field{height:50px;padding:0 17px;font-size:13px}
.portal-search .search-submit{width:52px;height:50px}
.portal-services-panel{padding:23px 13px 18px;border-radius:19px}
.portal-ribbon{top:12px;left:-44px;width:150px;font-size:9px}
.portal-panel-head{display:block;margin-bottom:15px;padding-bottom:13px}
.portal-panel-head h2{font-size:21px}
.portal-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.portal-service-card{min-height:108px;padding:11px 5px;border-radius:14px;gap:3px}
.portal-service-icon{width:39px;height:39px;border-radius:12px}
.portal-service-icon svg{width:22px;height:22px}
.portal-service-card strong{font-size:12px}
.portal-service-card small{font-size:8px}
.portal-service-card.is-coming:after{right:10px;left:10px;bottom:7px}
.portal-building{gap:7px;margin-top:14px;padding-top:12px;font-size:9px}
.portal-weather{grid-template-columns:58px minmax(0,1fr);gap:13px;padding:20px}
.portal-weather-icon{width:58px;height:54px}
.portal-sun{width:31px;height:31px;box-shadow:0 0 0 7px #fff4d9}
.portal-cloud{width:45px;height:20px}
.portal-cloud:before{width:25px;height:25px}.portal-cloud:after{width:19px;height:19px}
.portal-weather h2,.portal-today h2{font-size:20px}
.portal-weather-action{grid-column:1/-1;width:100%}
.portal-today{padding:20px}
}
@media(max-width:390px){
.portal-services-panel{padding-right:10px;padding-left:10px}
.portal-services-grid{gap:6px}
.portal-service-card{min-height:103px}
.portal-service-card strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
.portal-building-dot,.portal-building-bars i{animation:none}
.portal-service-card{transition:none}
a.portal-service-card:hover{transform:none}
}

.portal-wisdom{position:relative;overflow:hidden;isolation:isolate}
.portal-wisdom:after{content:"";position:absolute;width:150px;height:150px;left:-55px;bottom:-75px;border-radius:50%;background:#fff3e5;z-index:-1}
.portal-wisdom-mark{position:absolute;top:10px;left:20px;color:#ff8700;font:700 64px/1 Georgia,serif;opacity:.16}
.portal-wisdom h2{max-width:360px;margin-top:3px;font-size:23px;line-height:1.8}
.portal-wisdom p{margin-top:8px}
@media(max-width:690px){.portal-wisdom-mark{font-size:52px;left:14px}.portal-wisdom h2{font-size:19px}}