:root{--primary:#173b66;--primary-2:#0d2746;--sky:#68c5d8;--sky-2:#9de8ef;--ink:#10243d;--muted:#6b7c91;--bg:#f5fbff;--white:#fff;--shadow:0 22px 70px rgba(13,39,70,.14);--radius:28px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Cairo',sans-serif;background:radial-gradient(circle at 10% 10%,rgba(104,197,216,.16),transparent 35%),linear-gradient(180deg,#fff 0%,var(--bg) 100%);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.section{padding:95px 0}.section-title{text-align:center;margin-bottom:46px}.section-title span{color:var(--sky);font-weight:900}.section-title h1,.section-title h2{font-size:clamp(32px,4vw,54px);line-height:1.35;color:var(--primary);margin-top:8px}.section-title p{color:var(--muted);max-width:760px;margin:12px auto 0;font-size:18px;line-height:1.9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:800;border:0;cursor:pointer;transition:.35s ease;position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(120%);transition:.6s}.btn:hover:before{transform:translateX(-120%)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--sky));color:#fff;box-shadow:0 14px 30px rgba(23,59,102,.25)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(23,59,102,.35)}.btn-light{background:#fff;color:var(--primary);box-shadow:0 12px 28px rgba(13,39,70,.12)}
header{position:fixed;top:18px;right:0;left:0;z-index:1000;transition:.35s}.navbar{background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border:1px solid rgba(104,197,216,.25);border-radius:999px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 50px rgba(13,39,70,.08)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--primary);font-size:25px}.brand-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--sky));display:grid;place-items:center;color:#fff;box-shadow:0 10px 20px rgba(23,59,102,.22)}nav ul{list-style:none;display:flex;align-items:center;gap:6px}nav a{padding:10px 16px;border-radius:999px;font-weight:800;color:var(--primary);transition:.3s}nav a:hover,nav a.active{background:rgba(104,197,216,.15);color:#0d7f9b}.menu-btn{display:none;background:var(--primary);color:#fff;border:0;width:46px;height:46px;border-radius:16px;font-size:20px}
.page-hero{padding:165px 0 80px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(104,197,216,.18);right:-110px;top:110px}.page-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(23,59,102,.10);left:-90px;bottom:0}.hero-card{position:relative;background:linear-gradient(135deg,#fff,#effbff);border:1px solid rgba(104,197,216,.24);box-shadow:var(--shadow);border-radius:42px;padding:54px;overflow:hidden}.hero-card h1{font-size:clamp(38px,5vw,72px);line-height:1.25;color:var(--primary);font-weight:900}.hero-card p{font-size:20px;color:var(--muted);line-height:2;margin-top:16px;max-width:760px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.glass{background:rgba(255,255,255,.82);border:1px solid rgba(104,197,216,.22);border-radius:32px;box-shadow:0 16px 46px rgba(13,39,70,.08);padding:30px}.reveal{opacity:0;transform:translateY(35px);transition:.8s ease}.reveal.visible{opacity:1;transform:translateY(0)}
footer{background:#081d34;color:#d9e8f2;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900;color:#fff}.footer-logo span{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--sky));display:grid;place-items:center}.footer-about p{line-height:1.9;margin:18px 0;color:#b9c9d6}.social{display:flex;gap:12px}.social a{width:44px;height:44px;border-radius:15px;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:.3s}.social a:hover{background:var(--sky);color:#08203a;transform:translateY(-4px)}.footer-col h3{color:#fff;margin-bottom:18px}.footer-col a{display:block;color:#b9c9d6;margin:12px 0;transition:.3s}.footer-col a:hover{color:var(--sky);transform:translateX(-6px)}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:45px;padding-top:22px;text-align:center;color:#9fb3c3}
.edu-layout{display:grid;grid-template-columns:280px 1fr;gap:28px}.category-panel{position:sticky;top:120px;align-self:start}.cat-btn{width:100%;border:0;background:#fff;color:var(--primary);font-weight:900;padding:16px 18px;border-radius:20px;margin-bottom:12px;cursor:pointer;text-align:right;box-shadow:0 10px 26px rgba(13,39,70,.06);transition:.3s}.cat-btn.active,.cat-btn:hover{background:linear-gradient(135deg,var(--primary),var(--sky));color:#fff;transform:translateX(-6px)}.videos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.video-card{background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 16px 44px rgba(13,39,70,.09);transition:.45s;animation:fadeUp .45s ease both}.video-card:hover{transform:translateY(-12px) rotate(.6deg)}.video-thumb{height:230px;background:linear-gradient(135deg,var(--primary),var(--sky));display:grid;place-items:center;color:#fff;font-size:56px;position:relative;overflow:hidden}.video-thumb:after{content:"";position:absolute;width:160%;height:60px;background:rgba(255,255,255,.25);transform:rotate(-25deg) translateY(-150px);transition:.6s}.video-card:hover .video-thumb:after{transform:rotate(-25deg) translateY(170px)}.video-body{padding:24px}.video-body h3{color:var(--primary);font-size:23px}.video-body p{color:var(--muted);line-height:1.8;margin-top:8px}.badge{display:inline-flex;background:rgba(104,197,216,.15);color:#0a7f99;border-radius:999px;padding:7px 12px;font-weight:900;margin-bottom:12px}
.filters{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;margin-bottom:32px}.select-box,.search-box{position:relative}.select-box select,.search-box input{width:100%;border:1px solid rgba(104,197,216,.34);background:#fff;border-radius:22px;padding:16px 48px 16px 18px;font-family:inherit;font-weight:800;color:var(--primary);outline:0;box-shadow:0 12px 32px rgba(13,39,70,.06)}.select-box i,.search-box i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--sky)}.dealers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dealer-card{background:#fff;border-radius:30px;padding:18px;box-shadow:0 16px 44px rgba(13,39,70,.08);transition:.4s;animation:fadeUp .45s ease both}.dealer-card:hover{transform:translateY(-10px)}.dealer-img{height:210px;border-radius:24px;overflow:hidden;background:#e9f6fb}.dealer-img img{width:100%;height:100%;object-fit:cover}.dealer-card h3{color:var(--primary);font-size:24px;margin:16px 0 8px}.dealer-card p{color:var(--muted);font-weight:800;margin-bottom:12px}.dealer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dealer-actions a{padding:11px;border-radius:16px;text-align:center;color:#fff;font-weight:900}.phone{background:var(--primary)}.whatsapp{background:#20b86a}
.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.job-card{background:#fff;border-radius:32px;padding:28px;box-shadow:0 18px 48px rgba(13,39,70,.08);border:1px solid rgba(104,197,216,.16);position:relative;overflow:hidden;transition:.4s}.job-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(104,197,216,.12);left:-50px;top:-50px}.job-card:hover{transform:translateY(-12px);box-shadow:0 28px 70px rgba(13,39,70,.15)}.job-icon{width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,var(--primary),var(--sky));color:#fff;display:grid;place-items:center;font-size:30px;margin-bottom:20px;position:relative}.job-card h3{color:var(--primary);font-size:24px}.job-meta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.job-meta span{background:#f1f8fb;color:#0a7f99;border-radius:999px;padding:7px 11px;font-weight:800}.job-card p{color:var(--muted);line-height:1.8;margin-bottom:18px}
.timeline{position:relative;margin-top:35px}.timeline:before{content:"";position:absolute;right:24px;top:0;bottom:0;width:4px;background:linear-gradient(var(--sky),var(--primary));border-radius:8px}.step{position:relative;margin:0 62px 20px 0;background:#fff;border-radius:26px;padding:24px;box-shadow:0 14px 38px rgba(13,39,70,.07)}.step:before{content:"";position:absolute;right:-50px;top:24px;width:22px;height:22px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 8px rgba(104,197,216,.16)}.step h3{color:var(--primary);margin-bottom:8px}.step p{color:var(--muted);line-height:1.8}
@keyframes fadeUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.menu-btn{display:block}nav{position:absolute;top:78px;right:0;left:0;background:#fff;border-radius:28px;padding:18px;box-shadow:var(--shadow);display:none}nav.open{display:block}nav ul{flex-direction:column;align-items:stretch}nav a{display:block;text-align:center}.grid-2,.edu-layout,.footer-grid{grid-template-columns:1fr}.videos-grid,.dealers-grid,.jobs-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.category-panel{position:static}}@media(max-width:600px){header{top:10px}.navbar{border-radius:24px}.page-hero{padding-top:125px}.hero-card{padding:30px;border-radius:30px}.section{padding:70px 0}.videos-grid,.dealers-grid,.jobs-grid{grid-template-columns:1fr}}

/* ===== Premium homepage upgrade ===== */
.home-body{background:#f2f8fc;color:#10243d}.hero-pro{min-height:100vh;padding:150px 0 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(104,197,216,.22),transparent 28%),radial-gradient(circle at 86% 8%,rgba(23,59,102,.16),transparent 34%),linear-gradient(180deg,#f9fdff 0%,#eef8fd 100%)}#orbCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.42}.hero-pro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,59,102,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,59,102,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 0%,transparent 80%)}.hero-pro-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(104,197,216,.28);color:#0a8ea9;font-weight:900;box-shadow:0 14px 34px rgba(13,39,70,.08)}.hero-copy h1{font-size:clamp(42px,5.8vw,86px);line-height:1.12;color:#071b31;font-weight:900;letter-spacing:-1.5px;margin:22px 0 16px}.hero-copy h1 em{font-style:normal;color:#33bed5;position:relative;display:inline-block}.hero-copy h1 em:after{content:"";position:absolute;right:0;left:0;bottom:8px;height:14px;background:rgba(51,190,213,.17);z-index:-1;border-radius:999px}.hero-copy p{font-size:20px;line-height:2;color:#62758e;max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-actions.center{justify-content:center}.btn-ghost{background:#173b66;color:#fff;box-shadow:0 16px 34px rgba(13,39,70,.20)}.btn-ghost:hover{transform:translateY(-4px);background:#0d2746}.btn-ghost.dark{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;max-width:620px}.hero-stats div{background:rgba(255,255,255,.72);border:1px solid rgba(104,197,216,.22);border-radius:24px;padding:16px 18px;box-shadow:0 18px 40px rgba(13,39,70,.07)}.hero-stats strong{display:block;font-size:34px;font-weight:900;color:#0d2746}.hero-stats strong:after{content:"+";color:#34c0d7;font-size:22px;margin-inline-start:2px}.hero-stats div:nth-child(3) strong:after{content:"%"}.hero-stats span{color:#6b7c91;font-weight:800}.hero-visual{position:relative;min-height:520px;transform-style:preserve-3d}.dashboard-shell{position:absolute;inset:42px 0 0 0;background:linear-gradient(135deg,#193b61,#071d33);border:1px solid rgba(255,255,255,.14);border-radius:34px;padding:30px;box-shadow:0 34px 90px rgba(5,23,43,.28);overflow:hidden}.dashboard-shell:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 120deg,transparent,rgba(104,197,216,.14),transparent 35%);animation:spinSoft 9s linear infinite}.dash-top,.dash-grid,.chart-card,.side-lines{position:relative}.dash-top{height:42px;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:13px;display:flex;gap:8px}.dash-top span{height:10px;background:rgba(255,255,255,.16);border-radius:999px;flex:1}.dash-top span:last-child{flex:.18;background:#2ce071}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:63%;margin-top:16px}.mini-card{height:58px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);position:relative}.mini-card:before{content:"";position:absolute;right:18px;top:17px;width:64px;height:14px;border-radius:4px}.mini-card:after{content:"";position:absolute;right:18px;bottom:14px;width:84px;height:8px;border-radius:4px;background:rgba(255,255,255,.17)}.gold:before{background:#c99a28}.cyan:before{background:#34a7ba}.rose:before{background:#b75a70}.green:before{background:#2faf68}.chart-card{height:205px;margin-top:14px;width:63%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:18px;display:flex;align-items:end;gap:10px;padding:20px}.chart-card i{display:block;flex:1;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(180deg,#43c3d8,#255875);animation:bars 2.1s ease-in-out infinite alternate}.chart-card i:nth-child(2){animation-delay:.1s}.chart-card i:nth-child(3){animation-delay:.2s}.chart-card i:nth-child(4){animation-delay:.3s}.side-lines{position:absolute;left:30px;top:116px;width:28%;height:295px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:26px}.side-lines b{display:block;height:9px;border-radius:999px;background:rgba(255,255,255,.15);margin-bottom:14px}.side-lines b:first-child{width:60%;background:#39bdd4}.side-lines b:nth-child(4){width:70%;margin-right:auto}.floating-card{position:absolute;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 50px rgba(13,39,70,.18);border-radius:22px;padding:18px 22px;z-index:3;animation:float 4.2s ease-in-out infinite}.floating-card strong{display:block;color:#0d2746;font-size:28px;font-weight:900}.floating-card span{color:#71849a;font-weight:800}.float-a{left:-16px;top:24px;background:linear-gradient(135deg,#31bdd4,#4ccddd);color:#fff}.float-a strong,.float-a span{color:#fff}.float-b{right:10px;bottom:44px;animation-delay:1s}.pulse-dot{position:absolute;left:92px;top:92px;width:14px;height:14px;border-radius:50%;background:#2ce071;box-shadow:0 0 0 0 rgba(44,224,113,.6);animation:pulse 1.8s infinite}.split-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center}.side-title{text-align:right;margin-bottom:0}.side-title p{margin-right:0}.text-link{display:inline-flex;align-items:center;gap:9px;color:#0a8ea9;font-weight:900;margin-top:20px}.about-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mosaic-card{min-height:190px;border-radius:30px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,250,255,.88));border:1px solid rgba(104,197,216,.23);box-shadow:0 18px 48px rgba(13,39,70,.09);display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;transition:.4s}.mosaic-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(104,197,216,.12);left:-40px;top:-50px}.mosaic-card:hover{transform:translateY(-10px)}.mosaic-card.big{grid-row:span 2;min-height:398px;background:linear-gradient(145deg,#13365e,#0c223d);color:#fff}.mosaic-card i{position:relative;width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#173b66,#68c5d8);display:grid;place-items:center;color:#fff;font-size:25px;margin-bottom:22px}.mosaic-card strong{font-size:24px;color:inherit;position:relative}.mosaic-card span{color:#73869c;font-weight:800;margin-top:6px;position:relative}.mosaic-card.big span{color:#c8d9e6}.dark-section{background:#071d33;color:#fff;position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:62px 62px}.dark-section .container{position:relative}.dark-section .section-title h2{color:#fff}.dark-section .section-title p{color:#a9bac8}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{position:relative;min-height:270px;border-radius:28px;padding:34px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px);overflow:hidden;transition:.45s}.feature-card:hover{transform:translateY(-12px);background:rgba(255,255,255,.085);border-color:rgba(104,197,216,.34)}.feature-card b{position:absolute;right:24px;top:12px;font-size:64px;color:rgba(255,255,255,.035);font-weight:900}.feature-card div{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(104,197,216,.22),rgba(104,197,216,.08));border:1px solid rgba(104,197,216,.25);color:#68c5d8;font-size:25px;margin-bottom:26px}.feature-card h3{font-size:23px;color:#fff;margin-bottom:12px}.feature-card p{line-height:1.9;color:#aebfce}.portfolio-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:34px;background:#fff;border-radius:999px;padding:9px;box-shadow:0 20px 50px rgba(13,39,70,.09);width:max-content;max-width:100%;margin-inline:auto}.tab{border:0;background:transparent;padding:13px 24px;border-radius:999px;font-family:inherit;font-weight:900;color:#173b66;cursor:pointer;transition:.3s}.tab.active,.tab:hover{background:#34bfd6;color:#fff;box-shadow:0 10px 24px rgba(52,191,214,.25)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card{height:310px;border-radius:28px;overflow:hidden;background:#102f50;box-shadow:0 20px 46px rgba(13,39,70,.12);position:relative;transition:.45s;display:flex;flex-direction:column;justify-content:end}.work-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(104,197,216,.22),transparent 28%),linear-gradient(180deg,#163c62 0%,#0c2744 72%,#fff 72%)}.work-card span{position:absolute;right:16px;top:16px;background:#38c0d7;color:#fff;border-radius:999px;padding:7px 13px;font-weight:900;z-index:2}.work-card div{position:absolute;top:92px;right:0;left:0;text-align:center;font-size:52px;z-index:2;filter:drop-shadow(0 18px 25px rgba(0,0,0,.28))}.work-card h3{position:relative;z-index:3;background:#fff;color:#10243d;padding:22px;text-align:center;font-size:20px}.work-card:hover{transform:translateY(-12px) scale(1.02)}.work-card.hide{display:none}.cta-pro{padding:100px 0;background:linear-gradient(135deg,#102f50,#06495c);position:relative;overflow:hidden}.cta-pro:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 70px)}.cta-inner{position:relative;text-align:center;color:#fff}.cta-inner span{color:#68c5d8;font-weight:900}.cta-inner h2{font-size:clamp(38px,5vw,68px);line-height:1.2;margin:10px 0}.cta-inner p{max-width:760px;margin:auto;color:#d7e5ee;font-size:18px;line-height:1.9}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card{background:#fff;border-radius:30px;box-shadow:0 20px 50px rgba(13,39,70,.09);overflow:hidden;transition:.45s}.article-card:hover{transform:translateY(-12px)}.article-media{height:210px;background:linear-gradient(135deg,#132f51,#071d33);display:grid;place-items:center;position:relative;color:#68c5d8;font-size:50px}.article-media span{position:absolute;top:18px;left:18px;background:#38c0d7;color:#fff;font-size:14px;border-radius:999px;padding:7px 13px;font-weight:900}.article-body{padding:24px}.article-body small{color:#8da0b4;font-weight:800}.article-body h3{font-size:21px;line-height:1.55;color:#10243d;margin:10px 0}.article-body p{color:#6b7c91;line-height:1.8}.article-body a{display:inline-flex;margin-top:14px;color:#0a8ea9;font-weight:900}.magnetic{will-change:transform}@keyframes spinSoft{to{transform:rotate(360deg)}}@keyframes bars{from{transform:scaleY(.78);opacity:.8}to{transform:scaleY(1);opacity:1}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes pulse{70%{box-shadow:0 0 0 18px rgba(44,224,113,0)}100%{box-shadow:0 0 0 0 rgba(44,224,113,0)}}@media(max-width:1000px){.hero-pro-grid,.split-layout{grid-template-columns:1fr}.hero-visual{min-height:470px}.features-grid,.portfolio-grid,.articles-grid{grid-template-columns:repeat(2,1fr)}.side-title{text-align:center}.hero-stats{max-width:none}}@media(max-width:640px){.hero-pro{padding-top:128px}.hero-copy h1{font-size:42px}.hero-stats,.features-grid,.portfolio-grid,.articles-grid,.about-mosaic{grid-template-columns:1fr}.mosaic-card.big{min-height:240px}.hero-visual{min-height:390px}.dashboard-shell{inset:30px 0 0 0;padding:18px}.floating-card{padding:12px 14px}.dash-grid,.chart-card{width:70%}.side-lines{width:24%;left:18px}.portfolio-tabs{border-radius:28px}.tab{padding:10px 14px}.work-card{height:280px}}

/* ===== FIX 2026-04-30: education sidebar, portfolio/client images, article images ===== */
.edu-layout{
  grid-template-columns:380px minmax(0,1fr) !important;
  align-items:start !important;
}
.edu-sidebar{
  width:380px !important;
  max-width:100% !important;
  padding:28px 26px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:14px !important;
}
.edu-sidebar .edu-tab,
.edu-sidebar .tab{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:320px !important;
  margin:0 !important;
  padding:15px 24px !important;
  white-space:nowrap !important;
  line-height:1.3 !important;
  text-align:center !important;
}

.portfolio-grid .work-card{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  background:#fff !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
.portfolio-grid .work-card:before{display:none !important;}
.portfolio-grid .work-card img{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:500px !important;
  height:500px !important;
  max-width:100% !important;
  object-fit:cover !important;
  margin:0 auto !important;
  transform:scale(1) !important;
  transition:transform .55s ease, filter .55s ease !important;
  animation:tajerClientImageIn .75s ease both !important;
}
.portfolio-grid .work-card:hover img{
  transform:scale(1.06) rotate(.8deg) !important;
  filter:saturate(1.12) contrast(1.05) !important;
}
.portfolio-grid .work-card > div{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  width:500px !important;
  height:500px !important;
  max-width:100% !important;
  margin:0 auto !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#163c62,#0c2744) !important;
}
.portfolio-grid .work-card h3{
  width:100% !important;
  margin:0 !important;
}
@keyframes tajerClientImageIn{
  from{opacity:0;transform:scale(.92) translateY(18px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}

.article-media{
  width:100% !important;
  height:500px !important;
  overflow:hidden !important;
}
.article-media img{
  width:500px !important;
  height:500px !important;
  max-width:100% !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 auto !important;
  transition:transform .45s ease, filter .45s ease !important;
}
.article-card:hover .article-media img{
  transform:scale(1.045) !important;
  filter:saturate(1.08) !important;
}

@media(max-width:1000px){
  .edu-layout{grid-template-columns:1fr !important;}
  .edu-sidebar{width:100% !important;}
  .edu-sidebar .edu-tab,.edu-sidebar .tab{min-width:0 !important;}
}
@media(max-width:560px){
  .portfolio-grid .work-card img,
  .portfolio-grid .work-card > div,
  .article-media,
  .article-media img{
    width:100% !important;
    height:320px !important;
  }
}

/* FINAL FIX: portfolio/article image sizes and 4 items per portfolio row */
.portfolio-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
}
.portfolio-grid .work-card img,
.portfolio-grid .work-card > div{
  width:300px !important;
  height:300px !important;
  max-width:100% !important;
  object-fit:cover !important;
}
.article-media{
  height:300px !important;
}
.article-media img{
  width:300px !important;
  height:300px !important;
  max-width:100% !important;
  object-fit:cover !important;
}
@media(max-width:1100px){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:640px){
  .portfolio-grid{grid-template-columns:1fr !important;}
}

.about-download-row{grid-column:1/-1;text-align:center;padding:28px 24px;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.about-download-row .btn{min-width:190px;justify-content:center}.hero-stats.hero-stats-4{grid-template-columns:repeat(4,1fr);max-width:820px}.hero-stats.hero-stats-4 div:nth-child(3) strong:after{content:"%"}.hero-stats.hero-stats-4 div:nth-child(4) strong:after{content:""}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:1100px){.hero-stats.hero-stats-4,.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero-stats.hero-stats-4,.admin-stats-grid{grid-template-columns:1fr}.about-download-row{padding:22px 16px}.about-download-row .btn{width:100%}}

/* About page download buttons row */
.about-download-full{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:26px;min-height:86px}
.about-cards-row{margin-top:0}
.about-download-full .btn{min-width:185px;justify-content:center;color:#fff!important}
.about-download-full .btn-ghost{background:#173b66!important;color:#fff!important;border-color:#173b66!important}
.about-download-full .btn-primary{color:#fff!important}
@media(max-width:600px){.about-download-full .btn{width:100%}}