/* Brand & base */
:root { --brand:#0ea5e9; --brand-dark:#0284c7; }
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.btn-brand{background:var(--brand);border-color:var(--brand);} 
.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);} 
.text-brand{color:var(--brand);} 
.bg-fade{background:linear-gradient(180deg,#f8fafc 0%, #ffffff 100%);} 
.section{padding:64px 0}
.shadow-soft{box-shadow:0 10px 30px rgba(2,8,20,.06);} 
.badge-role{background:#eef6ff;color:#0369a1;font-weight:600;border:1px solid #dbeafe}
.hero{background:radial-gradient(1000px 400px at 10% 10%, #e0f2fe 0, transparent 60%), radial-gradient(1200px 500px at 90% 0%, #f1f5f9 0, transparent 60%), linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);} 
.logo{height:38px}
.sticky-cta{position:sticky;bottom:0;z-index:1030;background:#ffffffd9;backdrop-filter:saturate(140%) blur(4px)}
.jobs-grid .card{transition:transform .2s ease, box-shadow .2s ease}
.jobs-grid .card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(2,8,20,.08)}
.divider{height:1px;background:#eef2f7;margin:24px 0}
.alert-note{border-left:4px solid var(--brand);} 
/* Carousel */
.carousel .ratio{--bs-aspect-ratio:56.25%;}
/* Gallery */
#galeri img{object-fit:cover;width:100%;height:100%;}
#lightbox .modal-content{background:rgba(0,0,0,.85);} 
#lightbox img{display:block;margin:auto;}

/* Form */
#rolesGroup .form-check{user-select:none}

/* Small helpers */
.img-cover{object-fit:cover}

/* checkbox hover */
#rolesGroup .form-check:hover {
  background: #f1f5f9;
  border-radius: 6px;
}

.mobile-bar{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  z-index: 9999;
}
.mobile-bar .btn{
  padding: 25px 14px;
  font-weight: 600;
}
body{
  padding-bottom: 60px;
}

.square-btn{
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}