:root{--cs-bg:#0c1126;--cs-panel:#131b38;--cs-panel-2:#19234b;--cs-text:#edf1ff;--cs-muted:#9ca9cc;--cs-cyan:#43d6ff;--cs-violet:#7757ff;--cs-line:rgba(151,170,234,.18)}body{background:#f4f6fc;color:#202a49;font-family:'Open Sans',sans-serif}.cs-nav{min-height:76px;background:rgba(10,15,35,.92)!important;border-bottom:1px solid rgba(157,179,255,.15);box-shadow:0 10px 35px rgba(4,7,20,.16);backdrop-filter:blur(16px)}.cs-nav .navbar-toggler{border-color:rgba(255,255,255,.35);background:#fff}.cs-brand{display:flex;align-items:center;gap:.55rem;color:#fff!important;font:800 1.25rem/1 'Poppins',sans-serif!important;letter-spacing:-.05em}.cs-brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--cs-cyan),var(--cs-violet));color:#0d1531;font:800 .68rem monospace}.cs-nav .nav-link{position:relative;margin:0 .18rem;padding:.7rem .7rem!important;color:#bdc7ea!important;font:700 .72rem 'Open Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase}.cs-nav .nav-item.active .nav-link,.cs-nav .nav-link:hover{color:#fff!important}.cs-nav .nav-item.active .nav-link:after{position:absolute;right:.7rem;bottom:.3rem;left:.7rem;height:2px;background:var(--cs-cyan);content:''}.cs-nav .form-control{border:1px solid rgba(172,190,248,.25)!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;color:#fff!important}.cs-site-content{margin-top:0!important;padding-top:76px;min-height:550px}.cs-footer{border:0!important;background:#0c1126;color:#9ca9cc!important}.cs-footer .navbar-brand,.cs-footer a{color:var(--cs-cyan)!important}.homefirstpage .cs-site-content{background:linear-gradient(180deg,#0c1126 0,#121b3c 480px,#f4f6fc 480px)}.homefirstpage .remove-site-content-margin{padding-top:3rem;margin-top:0}.homefirstpage .topfirstimage{height:310px!important;border-radius:16px;background-position:center;box-shadow:0 22px 45px rgba(1,5,23,.3)}.homefirstpage .card{background:transparent}.homefirstpage h2 a,.homefirstpage .h6 a{color:#fff!important}.homefirstpage .excerpt,.homefirstpage small,.homefirstpage .text-muted{color:#b8c2df!important}.homefirstpage .col-md-6>.mb-3{padding:1rem;border-bottom:1px solid rgba(172,190,248,.15)}.homefirstpage .col-md-6>.mb-3 img{border-radius:9px}.cs-story-grid{margin-top:3.5rem!important}.cs-feed-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:2rem;border-bottom:1px solid #dce3f4;padding-bottom:1rem}.cs-feed-heading span{color:#58648c;font:700 .65rem 'Open Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase}.cs-feed-heading h4{margin:0;color:#111936;font:900 2rem/1 'Poppins',sans-serif;letter-spacing:-.05em}.cs-story-card{gap:1.5rem;margin-bottom:1.5rem!important;padding:1.5rem;border:1px solid #e2e7f4;border-radius:16px;background:#fff;box-shadow:0 9px 22px rgba(36,49,91,.05);transition:.25s}.cs-story-card:hover{transform:translateY(-4px);border-color:#ccd7fb;box-shadow:0 17px 36px rgba(36,49,91,.12)}.cs-story-card h2 a{color:#172044!important;font-family:'Poppins',sans-serif;letter-spacing:-.03em}.cs-story-card .excerpt{color:#66718f}.cs-story-card img{border-radius:10px;max-height:140px;object-fit:cover}.cs-post-hero{margin-top:0!important;padding:4rem 0!important;background:radial-gradient(circle at 82% 15%,#5663bf 0,transparent 25%),linear-gradient(125deg,#0c1126,#20295e)!important;color:#fff}.cs-post-hero .catlist a{color:var(--cs-cyan)!important}.cs-post-hero .article-headline{font:900 clamp(2.4rem,5vw,4.8rem)/1.03 'Poppins',sans-serif;letter-spacing:-.06em}.cs-post-hero small,.cs-post-hero .text-muted{color:#c4cdea!important}.cs-post-hero img{border-radius:18px!important;box-shadow:0 24px 50px rgba(0,0,0,.3)}.cs-article{font:400 1.04rem/1.9 'Lora',serif;color:#26314f}.cs-article h1,.cs-article h2,.cs-article h3{margin-top:2.2rem;color:#111936;font-family:'Poppins',sans-serif;font-weight:900;letter-spacing:-.04em}.cs-article a{color:#344bc2;border-bottom:1px solid #b5c4ff}.cs-article pre{border-radius:12px;background:#10172e;color:#dfe8ff;box-shadow:0 12px 26px rgba(19,28,69,.13)}.cs-article blockquote{border-left:4px solid var(--cs-cyan);padding:1rem 1.5rem;background:#eef5ff;color:#344162}.article-post+ .mb-4 .btn{border-radius:99px;background:#edf1ff;color:#344a9b}.alertbar{border-top:1px solid #dce3f4!important;background:#fff}.google-auto-placed,.mys-wrapper{position:relative;z-index:1}@media(max-width:991px){.cs-nav .navbar-collapse{margin-top:.75rem;padding:1rem;border-radius:12px;background:#131b38}.cs-nav .nav-link{padding:.75rem 0!important}.homefirstpage .remove-site-content-margin{padding-top:2rem}.cs-post-hero{padding:2.5rem 0!important}}@media(max-width:600px){.cs-site-content{padding-top:70px}.cs-story-grid{margin-top:2rem!important}.cs-story-card{gap:1rem;padding:1rem}.cs-story-card .col-md-3{padding:0}.cs-post-hero .article-headline{font-size:2.35rem}.cs-article{font-size:1rem}.homefirstpage .topfirstimage{height:220px!important}}
/* Light editorial base: reserve deep colour for feature moments, not every page. */
body{padding-top:0;background:#fff;color:#202a49}.cs-nav{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e6eaf3;box-shadow:0 8px 28px rgba(28,38,74,.08)}.cs-brand{color:#172044!important}.cs-nav .nav-link{color:#5f6a87!important}.cs-nav .nav-item.active .nav-link,.cs-nav .nav-link:hover{color:#1d2d63!important}.cs-nav .form-control{border-color:#dde3f0!important;background:#f7f9fd!important;color:#273454!important}.cs-site-content{margin-top:0!important;padding-top:76px!important;background:#fff}.cs-footer{background:#f8f9fd;border-top:1px solid #e7ebf4!important;color:#6d7791!important}.homefirstpage .cs-site-content{background:#fff}.homefirstpage .remove-site-content-margin{padding-top:3.25rem}.homefirstpage .card-body{padding-top:1.35rem!important}.homefirstpage h2 a,.homefirstpage .h6 a{color:#182243!important}.homefirstpage .excerpt,.homefirstpage small,.homefirstpage .text-muted{color:#727c96!important}.homefirstpage .col-md-6>.mb-3{border-bottom:1px solid #e5e9f2}.homefirstpage .topfirstimage{box-shadow:0 18px 40px rgba(31,45,90,.14)}.projects-showcase{margin-top:0!important}.projects-work,.projects-cta{background:#f7f9fd}
html,body{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column}.cs-site-content{flex:1 0 auto}.cs-footer{flex-shrink:0;margin-top:auto}
.cs-post-hero{background:radial-gradient(circle at 82% 15%,rgba(89,184,255,.17),transparent 25%),linear-gradient(135deg,#fff,#f6f8ff)!important;color:#182243;border-bottom:1px solid #e3e9f5}.cs-post-hero .article-headline{color:#182243}.cs-post-hero .catlist a{color:#286ab7!important}.cs-post-hero small,.cs-post-hero .text-muted{color:#74809d!important}.cs-post-hero img{box-shadow:0 22px 44px rgba(30,48,101,.13)}
/* CodeSyariah brand palette: deep green, emerald, and mint. */
:root{--cs-bg:#062d2a;--cs-panel:#0a423d;--cs-panel-2:#0d554d;--cs-text:#123e39;--cs-muted:#66837d;--cs-cyan:#20c997;--cs-violet:#118a76;--cs-line:rgba(16,131,110,.18)}body{color:#244b45}.cs-nav{background:rgba(255,255,255,.95)!important;border-bottom-color:#dcece7;box-shadow:0 8px 28px rgba(9,72,63,.09)}.cs-brand{color:#073f38!important}.cs-brand-mark{background:linear-gradient(135deg,#24d6a2,#118a76);color:#05362f}.cs-nav .nav-link{color:#5e7772!important}.cs-nav .nav-item.active .nav-link,.cs-nav .nav-link:hover{color:#087862!important}.cs-nav .nav-item.active .nav-link:after{background:#20c997}.cs-nav .form-control{border-color:#d4e8e1!important;background:#f7fcfa!important;color:#164b43!important}.cs-footer{background:#f2faf7!important;border-top-color:#d9ece5!important;color:#66817a!important}.cs-footer .navbar-brand,.cs-footer a{color:#10886f!important}.cs-post-hero{background:radial-gradient(circle at 82% 15%,rgba(32,201,151,.15),transparent 25%),linear-gradient(135deg,#fff,#f4fbf8)!important;border-bottom-color:#dcece7}.cs-post-hero .article-headline{color:#123e39}.cs-post-hero .catlist a{color:#10886f!important}.cs-post-hero small,.cs-post-hero .text-muted{color:#718982!important}.homefirstpage h2 a,.homefirstpage .h6 a{color:#123e39!important}.homefirstpage .topfirstimage{box-shadow:0 18px 40px rgba(18,91,76,.13)}
.jumbotron-content{background-color:#063d35!important}.jumbotron-content::after{background-image:linear-gradient(122deg,rgba(3,48,42,.88),rgba(8,111,91,.42))!important}.jumbotron-content .display-4 span{color:#56dfb3}.jumbotron-content .blockquote-footer,.jumbotron-content .text-danger{color:#80f0ca!important}.jumbotron-home{background:radial-gradient(circle at 82% 22%,rgba(32,201,151,.2),transparent 28%),linear-gradient(135deg,#073d36,#0b6859)!important;color:#fff}.jumbotron-home h1,.jumbotron-home p{color:#fff!important}.jumbotron-home .btn-dark{border-color:#20c997;background:#20c997;color:#063d35}.jumbotron-home .btn-dark:hover{border-color:#16af82;background:#16af82;color:#063d35}