:root{
  --kk-violet:#330394;
  --kk-orange:#fca203;
  --kk-blue:#15ACE1;
  --kk-light:#F4F7FE;
  --kk-dark:#14183E;
}

.kk-recruit-hero{
  background:
    radial-gradient(900px 450px at 15% 10%, rgba(252,162,3,.25), transparent 60%),
    radial-gradient(900px 450px at 85% 30%, rgba(21,172,225,.18), transparent 60%),
    linear-gradient(90deg, #2b027e 0%, var(--kk-violet) 55%, #3a07a8 100%);
}

.kk-card{
  background:#fff;
  border-radius: 18px;
  box-shadow: 0 15px 30px rgba(20,24,62,.08);
}

.kk-pill{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.20);
  color:#fff;
  font-weight:800;
  backdrop-filter: blur(10px);
}

.kk-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(51,3,148,.16);
  background: rgba(51,3,148,.06);
  color: var(--kk-violet);
  font-weight: 900;
}

.kk-link{
  color: var(--kk-violet);
  font-weight: 800;
  text-decoration: none;
}
.kk-link:hover{ text-decoration: underline; color: var(--kk-violet); }

.kk-note{
  background: rgba(51,3,148,.06);
  border: 1px solid rgba(51,3,148,.12);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--kk-dark);
  font-weight: 600;
}

.kk-list__item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 12px 0;
}
.kk-bullet{
  width:34px;height:34px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(51,3,148,.10);
  color: var(--kk-violet);
  flex:0 0 auto;
}
.kk-bullet--orange{ background: rgba(252,162,3,.18); color: var(--kk-orange); }
.kk-bullet--blue{ background: rgba(21,172,225,.18); color: var(--kk-blue); }

.kk-input{
  border-radius: 14px !important;
  border: 1px solid rgba(51,3,148,.18) !important;
  padding: 12px 12px !important;
}
.kk-input:focus{
  border-color: rgba(51,3,148,.45) !important;
  box-shadow: 0 0 0 .25rem rgba(51,3,148,.12) !important;
}

.kk-btn-primary{
  background: var(--kk-violet) !important;
  border: 2px solid var(--kk-violet) !important;
  color:#fff !important;
  font-weight: 900 !important;
  transition: .2s ease-in-out;
}
.kk-btn-primary:hover{
  transform: translateY(-1px);
  background: #2b027e !important;
  border-color: #2b027e !important;
}

.kk-btn-outline-light{
  border: 2px solid rgba(255,255,255,.55) !important;
  color:#fff !important;
  font-weight: 900 !important;
  background: transparent !important;
}
.kk-btn-outline-light:hover{
  border-color:#fff !important;
  color:#fff !important;
}

.kk-upload{
  background: rgba(51,3,148,.04);
  border: 1px dashed rgba(51,3,148,.25);
  border-radius: 16px;
  padding: 14px;
}
.kk-upload__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.kk-upload__hint{ color: rgba(20,24,62,.60); font-weight:700; font-size:12px; }

.kk-mini{
  border-top: 1px solid rgba(51,3,148,.10);
  padding-top: 14px;
  color: rgba(20,24,62,.70);
  font-weight: 600;
}

.kk-hp{
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}