/* copied from static site */
:root{
  --bg:#0e1b22;
  --panel:#102331;
  --card:#112534;
  --ink:#0b1115;
  --text:#0e1b22;
  --muted:#6b7b87;
  --surface:#ffffff;
  --brand:#A02E73;
  --brand-700:#c83c78;
  --brand-50:#fde7f0;
  --ring: rgba(226,70,135,.35);
  --shadow: 0 10px 30px rgba(14,27,34,.15);
  --radius: 14px;
  --radius-sm: 10px;
  --container: 1200px;
}
.site-header.over-cards .nav a {
  color: #fff;
}

.socials{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}
.socials a{
    color: var(--text);
}


.socials a:hover{
    color: var(--brand);
}


*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--text);background:#f7fafc;line-height:1.6}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.link{color:var(--brand);text-decoration:none;font-weight:600}
.link:hover{text-decoration:underline}
.site-header{position:fixed;top:0;z-index:100;width:100%;}
.site-header.dark{background:var(--bg);border-color:#0a1a23}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;letter-spacing:.2px;color:var(--text);text-decoration:none}
.site-header.dark .brand{color:#fff}
.links{display:flex;gap:18px;align-items:center}
.links a{color:#274254;text-decoration:none;font-weight:600}
.links a.active{color:var(--brand)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:700;border:1px solid transparent;text-decoration:none;cursor:pointer}
.btn-small{padding:8px 14px;font-size:.9rem}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-700)}
.btn-outline{background:#fff;border-color:#e2e8f0;color:#0f1e27}
.btn-outline:hover{border-color:#cbd5e1}
.btn-ghost{background:transparent;border-color:#e2e8f0}
.nav-toggle{display:none;background:transparent;border:0;padding:6px}
.nav-toggle span{display:block;width:24px;height:2px;background:#274254;margin:5px 0;border-radius:1px}
@media (max-width: 860px){.links{position:fixed;inset:64px 0 auto 0;background:#ffffff;flex-direction:column;padding:16px 20px;border-bottom:1px solid #e8eef3;transform:translateY(-100%);transition:.25s}.site-header.dark .nav{background:var(--bg);border-color:#0a1a23}.nav.open{transform:translateY(0)}.nav-toggle{display:block}}
.hero{position:relative;background:linear-gradient(180deg,#ffffff 0%, #f7fbff 60%);
  background-image:
    url("../background_pattern.png");
  background-repeat:repeat-x;background-position:center;background-size:450px auto;
  padding:0 100px 100px;
}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0px;height:100px;background:linear-gradient(180deg,#0b2230);transform:skewY(2deg);transform-origin:left top}
.hero-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;padding:64px 0;align-items:center;min-height:520px}
.hero-copy h1{font-size:60px;line-height:1.05;margin:.2em 0;font-weight:800;letter-spacing:.2px;color:#0e1b22}
.hero-copy p{font-size:18px;color:#3d5463;max-width:48ch}
.hero-actions{display:flex;gap:12px;margin-top:16px}
.hero-art{min-height:420px;border-radius:0;background-position:bottom right;background-repeat:no-repeat;background-size:contain}
/* Homepage hero search (dark pill card) */
.hero-search{margin-top:22px;background:#0b2230;border-radius:14px;box-shadow:0 14px 30px rgba(6,22,33,.25);padding:14px;border:1px solid #113347;max-width:640px}
.hero-search-head{color:#cfe3f7;font-weight:700;padding:8px 14px}
.hero-search-form{background:#0e2b3d;border:1px solid #143a50;padding:12px;border-radius:8px}
.hero-search-form .input-wrap{position:relative;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0px 7px 0 14px}
.hero-search-form .input-icon{display:inline-flex;width:18px;height:18px;margin-right:6px;color:#8aa8bc}
.hero-search-form input{flex:1;border:0;outline:0;background:transparent;padding:12px 10px;border-radius:999px;font:inherit}
.hero-search-form button{border-radius:8px;text-transform:uppercase;letter-spacing:.5px;background:var(--brand);color:#fff;font-weight:800}
@media (max-width:760px){.hero-search-form{grid-template-columns:1fr}}
.page-hero.small{position:relative;background:#0a2534;color:#fff;padding:15em 0;overflow:hidden}
.page-hero.small .container{text-align:center;position:relative;z-index:2}
.page-hero.small h1{margin:0 0 6px;font-size:40px;letter-spacing:.2px}
.page-hero.small p{color:#c0d0db;max-width:70ch;margin:0 auto}
/* subtle circuit pattern overlay */
.page-hero.small::after{content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 100%;
    background: url("/assets/dark_background_pattern.png");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    opacity: .9;
    z-index: 1;
    pointer-events: none;
    background-repeat: repeat-x;
    background-size: 1200px;
    background-position: 0px 70px;}
.panel{padding:30px 0}
.cards{padding:30px 0 70px; background: #0b2230;color: white;}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.grid{display:grid;gap:20px}
.cards-3{grid-template-columns:repeat(3,1fr)}
.cards-2{grid-template-columns:repeat(2,1fr)}
@media (max-width: 860px){.cards-3{grid-template-columns:1fr}.cards-2{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #e8eef3;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h3{margin-top:0;margin-bottom:6px}
.card.job p{margin:0 0 10px; }
.card.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px}
.card.stat h3{font-size:36px;margin:.1em 0}
.post{padding:0;overflow:hidden}
.post-media{width:100%;height:180px;object-fit:cover}
.post-body{padding:20px}
.search .search-form, .panel .search-form{display:grid;grid-template-columns:1fr 200px 220px;gap:12px;background:#fff;border:1px solid #e8eef3;padding:14px;border-radius:999px;box-shadow:var(--shadow)}
.search .search-form input,.search .search-form select,.panel .search-form input,.panel .search-form select{border:0;outline:0;background:transparent;padding:10px 14px;border-radius:999px}
.search .search-form button{border-radius:999px}
@media (max-width:760px){.search .search-form, .panel .search-form{grid-template-columns:1fr}}
/* Category page specific select with arrow */
.category-search .select-wrap{position:relative;background:#fff;border:1px solid #e8eef3;border-radius:999px;display:flex;align-items:stretch;overflow:hidden}
.category-search .select-wrap select{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex:1;padding-right:44px}
.category-search .select-wrap::after{content:"";width:42px;display:block;background:var(--brand);mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5H7z"/></svg>') center / 16px 16px no-repeat;-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5H7z"/></svg>') center / 16px 16px no-repeat}
.category-search .select-wrap::after{background-color:var(--brand)}
/* Job card tweaks */
.card.job{padding:24px 24px 18px;color: #0b2230;}
.card.job h3{font-size:20px;margin:6px 0;}
.card.job .job-type{margin-bottom:8px}
.split{position:relative;padding:80px 0;background:linear-gradient(180deg,#ffffff,#f6fbff);overflow:hidden}
.split.reverse{background:linear-gradient(180deg,#0f1e27,#0b1821);color:#e5f1fb}
.split-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.split.reverse .split-copy .btn-primary{background:#fff;color:#0f1e27}
.split-copy h2{margin-top:0}
.split-art{position:relative;min-height:280px;border-radius:var(--radius);box-shadow:var(--shadow);background-color:#fff}
/* decorative dark band blocks */
.split::before{content:"";position:absolute;left:0;right:40%;top:50%;height:140px;background:#0f1e27;transform:translateY(-50%);pointer-events:none}
.split.reverse::before{left:40%;right:0;background:#0b1821}
/* circuit pattern at bottom edge */
.split::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:
  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" width="1200" height="120"><defs><pattern id="e" width="80" height="80" patternUnits="userSpaceOnUse"><g fill="none" stroke="%23d7e7f7" stroke-width="1" opacity="0.6"><path d="M10 10 h60 v60 h-60 z"/><circle cx="40" cy="40" r="2"/></g></pattern></defs><rect width="1200" height="120" fill="url(%23e)"/></svg>') center/1200px auto no-repeat;opacity:.9;pointer-events:none}
/* overlap effect for art cards */
.split .split-art{z-index:1}
.split .split-art::after{content:"";position:absolute;inset:0;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.art-a{background:linear-gradient(120deg,#e7f1ff,#ffffff), url('https://images.unsplash.com/photo-1526378722484-bd91ca387e72?q=80&w=1200&auto=format&fit=crop') center/cover}
.art-b{background:linear-gradient(120deg,#e7f1ff,#ffffff), url('https://images.unsplash.com/photo-1527430253228-e93688616381?q=80&w=1200&auto=format&fit=crop') center/cover}
.art-c{background:linear-gradient(120deg,#e7f1ff,#ffffff), url('https://images.unsplash.com/photo-1556761175-4b46a572b786?q=80&w=1200&auto=format&fit=crop') center/cover}
/* footer contact chips strip for inner pages (optional utility) */
.cta-strip{padding:48px 0;background:linear-gradient(180deg,#ffffff,#f6fbff);text-align:center}
.cta-strip .pill-group{margin-top:16px}
.form{display:block}
.form-grid{grid-template-columns:repeat(2,1fr)}
label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#274254}
input, select, textarea{border:1px solid #d8e3ec;border-radius:12px;padding:12px 14px;font:inherit;outline:0;background:#fff}
input:focus, select:focus, textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}
textarea{resize:vertical}
.actions{margin-top:10px}
.site-footer{background:#0f1e27;color:#c0d0db;padding:34px 0;margin-top:40px;border-top:1px solid #0a1a23}
.site-footer.dark{background:var(--bg)}
.footer-inner{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:#c0d0db;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.site-footer .brand{color:#fff}
.confirmation{background:var(--bg);color:#d8eaf7;padding:90px 0}
.confirm-inner{text-align:center}
.pill-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0}
.pill{background:#112534;color:#b8d2e5;border:1px solid #183344;border-radius:999px;padding:8px 12px;font-weight:700}
.checklist{margin:0;padding:0;list-style:none}
.checklist li{margin:8px 0;padding-left:26px;position:relative}
.checklist li:before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%;background:var(--brand)}

#site-nav * {
    color: inherit !important;

}