html{overflow-x:hidden!important}
body{overflow-x:clip!important;position:relative}
#ibh-drawer,.ibh-drawer{overflow:hidden!important}
@media (max-width:1024px){#ibb{touch-action:pan-y pinch-zoom}#ibb .chips{touch-action:pan-x pan-y}}
#ibb{--navy:#0A1633;--ink:#0F172A;--muted:#5B6478;--line:#E5E8F0;--soft:#F5F7FB;--brand:#3157FF;--brand2:#6B4BFF;--wa:#1FAF57;
width:100%;max-width:none;position:relative;overflow-x:clip;
font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:56px}
#ibb *,#ibb *::before,#ibb *::after{box-sizing:border-box;margin:0;padding:0}
#ibb h1,#ibb h2,#ibb p,#ibb a,#ibb span,#ibb input,#ibb button,#ibb time{font-family:inherit;text-transform:none}
#ibb a{color:inherit;text-decoration:none}
#ibb img{display:block;max-width:100%;height:auto}
#ibb .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#ibb .w{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3.4vw,40px)}
#ibb .bh{background:radial-gradient(900px 420px at 85% -10%,rgba(107,75,255,.35),transparent 60%),radial-gradient(700px 380px at 0% 110%,rgba(49,87,255,.3),transparent 60%),var(--navy);color:#fff;padding:clamp(34px,5vw,64px) 0 clamp(36px,5vw,60px)}
#ibb .crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:#B9C3E6;margin-bottom:14px}
#ibb .crumbs a{color:#B9C3E6}
#ibb .crumbs span{opacity:.6}
#ibb h1{color:#fff!important;font-size:clamp(32px,4.8vw,54px);line-height:1.1;letter-spacing:-.02em;font-weight:800}
#ibb h1 em{font-style:normal;background:linear-gradient(90deg,#8FA6FF,#C4B5FD 60%,#FDBA74);-webkit-background-clip:text;background-clip:text;color:transparent}
#ibb .lede{color:#D6DDF5;font-size:clamp(16px,1.5vw,19px);max-width:760px;margin-top:12px}
#ibb .srch{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:6px 6px 6px 14px;max-width:560px;margin-top:24px;color:var(--muted)}
#ibb .srch input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;color:var(--ink);padding:8px 0}
#ibb .srch button{border:0;cursor:pointer;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;font-weight:700;border-radius:10px;padding:10px 18px;font-size:15px}
#ibb .chips{display:flex;gap:8px;overflow-x:auto;padding:22px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#ibb .chips::-webkit-scrollbar{display:none}
#ibb .chips a{flex:none;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14.5px;color:#33405F;white-space:nowrap;transition:all .15s}
#ibb .chips a span{background:var(--soft);border-radius:999px;padding:1px 8px;font-size:12.5px;color:var(--muted)}
#ibb .chips a:hover{border-color:#C7D2FE;color:var(--brand)}
#ibb .chips a.on{background:var(--navy);border-color:var(--navy);color:#fff}
#ibb .chips a.on span{background:rgba(255,255,255,.15);color:#fff}
#ibb .res{margin-top:14px;color:var(--muted)}
#ibb .res a{color:var(--brand);font-weight:700}
#ibb .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px}
#ibb .card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}
#ibb .card:hover{box-shadow:0 18px 40px -20px rgba(15,23,42,.35);transform:translateY(-2px)}
#ibb .card{min-width:0}
#ibb .thumb{display:block;width:100%;min-width:0;aspect-ratio:1200/630;background:var(--soft);overflow:hidden;position:relative}
#ibb .thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover}
#ibb .ph{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--navy),#2B2F7A);color:#fff;font-weight:800;font-size:20px;padding:20px;text-align:center}
#ibb .body{min-width:0;display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
#ibb .cat{align-self:flex-start;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase!important;color:var(--brand);background:#EEF2FF;border-radius:999px;padding:4px 10px}
#ibb .card h2{font-size:20px;line-height:1.35;font-weight:800;color:var(--navy)!important}
#ibb .card h2 a:hover{color:var(--brand)}
#ibb .card p{color:#475069;font-size:15px}
#ibb .meta{display:flex;gap:6px;font-size:13.5px;color:var(--muted);margin-top:auto}
#ibb .more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--brand)!important;font-size:15px}
#ibb .card.big{grid-column:1/-1;flex-direction:row}
#ibb .card.big .thumb{flex:0 0 56%;width:56%;aspect-ratio:auto;min-height:340px}
#ibb .card.big .body{padding:28px 30px;justify-content:center}
#ibb .card.big h2{font-size:clamp(22px,2.4vw,30px)}
#ibb .card.big .meta{margin-top:0}
#ibb .pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px}
#ibb .pager a,#ibb .pager span{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-weight:700;color:#33405F}
#ibb .pager span.on{background:var(--navy);color:#fff;border-color:var(--navy)}
#ibb .empty{text-align:center;padding:60px 20px}
#ibb .empty h2{color:var(--navy)!important;font-size:24px;font-weight:800}
#ibb .empty p{color:var(--muted);margin:8px 0 18px}
#ibb .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 20px;font-weight:700;font-size:15px;background:var(--navy);color:#fff!important}
#ibb .btn.pr{background:linear-gradient(90deg,var(--brand),var(--brand2))}
#ibb .btn.wa{background:var(--wa)}
#ibb .cta{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:48px;background:linear-gradient(120deg,#EEF2FF,#F5F3FF);border:1px solid #DDD6FE;border-radius:20px;padding:26px 28px}
#ibb .cta h2{color:var(--navy)!important;font-size:24px;font-weight:800;line-height:1.3}
#ibb .cta p{color:#3B4563;margin-top:4px}
#ibb .btns{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:1000px){#ibb .grid{grid-template-columns:repeat(2,1fr)}#ibb .card.big{flex-direction:column}#ibb .card.big .thumb{flex:none;width:100%;aspect-ratio:1200/630;min-height:0}}
@media (max-width:640px){#ibb .grid{grid-template-columns:1fr;gap:18px}#ibb .cta{grid-template-columns:1fr}#ibb .card.big .body{padding:18px 20px}}
@media (max-width:1024px){#ibb .w{padding-left:18px;padding-right:18px}#ibb h1,#ibb h2,#ibb p{overflow-wrap:anywhere}}
#ibb .srch input{height:auto!important;min-height:40px;line-height:1.4!important;box-shadow:none!important;border:0!important}@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap");
.ibact-jobs-root {
font-family: 'Quicksand', sans-serif;
color: #171717;
width: 100%;
} .ibact-filter-bar {
background: rgba(255,255,255,.92);
backdrop-filter: blur(16px);
border: 1.5px solid rgba(255,106,26,.14);
border-radius: 20px;
padding: 20px 24px;
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 28px;
box-shadow: 0 12px 36px rgba(255,106,26,.09), inset 0 1px 0 rgba(255,255,255,.9);
}
.ibact-search-group {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255,248,243,.9);
border: 1.5px solid rgba(255,106,26,.18);
border-radius: 14px;
padding: 0 14px;
transition: border-color .2s, box-shadow .2s;
}
.ibact-search-group:focus-within {
border-color: #ff6a1a;
box-shadow: 0 0 0 4px rgba(255,106,26,.09);
}
.ibact-search-group input {
flex: 1;
padding: 14px 4px;
border: none;
outline: none;
background: transparent;
font-family: 'Quicksand', sans-serif;
font-size: 15px;
font-weight: 600;
color: #1c1c1c;
}
.ibact-search-group input::placeholder { color: #b8ada6; font-weight: 500; }
.ibact-filter-group {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.ibact-select-wrap {
display: flex;
align-items: center;
gap: 8px;
background: rgba(255,248,243,.9);
border: 1.5px solid rgba(255,106,26,.16);
border-radius: 12px;
padding: 0 12px;
flex: 1;
min-width: 150px;
transition: border-color .2s;
}
.ibact-select-wrap:focus-within { border-color: #ff6a1a; }
.ibact-select-wrap select {
flex: 1;
padding: 12px 0;
border: none;
outline: none;
background: transparent;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 600;
color: #1c1c1c;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.ibact-clear-btn {
padding: 11px 18px;
border-radius: 11px;
border: 1.5px solid rgba(255,106,26,.22);
background: transparent;
color: #ff6a1a;
font-family: 'Quicksand', sans-serif;
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: background .18s;
flex-shrink: 0;
}
.ibact-clear-btn:hover { background: rgba(255,106,26,.07); }
.ibact-results-bar {
margin-bottom: 20px;
font-size: 13px;
font-weight: 600;
color: #9a8a80;
} .ibact-jobs-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
gap: 22px;
margin-bottom: 32px;
}
.ibact-job-card {
background: linear-gradient(160deg, rgba(255,255,255,.97) 0%, rgba(255,247,240,.94) 100%);
border: 1.5px solid rgba(255,106,26,.13);
border-radius: 24px;
padding: 26px 24px;
box-shadow: 0 14px 40px rgba(255,106,26,.08), inset 0 1px 0 rgba(255,255,255,.9);
transition: transform .28s cubic-bezier(.34,1.4,.64,1), box-shadow .28s, border-color .28s;
display: flex;
flex-direction: column;
gap: 0;
position: relative;
overflow: hidden;
}
.ibact-job-card::before {
content: '';
position: absolute;
top: -50px; right: -50px;
width: 140px; height: 140px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255,106,26,.07) 0%, transparent 68%);
pointer-events: none;
transition: opacity .3s;
}
.ibact-job-card:hover {
transform: translateY(-6px);
box-shadow: 0 28px 56px rgba(255,106,26,.14);
border-color: rgba(255,106,26,.28);
}
.ijc-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.ijc-type-badge {
display: inline-block;
padding: 4px 12px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.ijc-type-badge.full-time   { background: rgba(34,168,97,.10);   color: #1a7a4a; border: 1px solid rgba(34,168,97,.18); }
.ijc-type-badge.part-time   { background: rgba(59,130,246,.09);  color: #1d4ed8; border: 1px solid rgba(59,130,246,.18); }
.ijc-type-badge.internship  { background: rgba(139,92,246,.09);  color: #6d28d9; border: 1px solid rgba(139,92,246,.18); }
.ijc-type-badge.contract    { background: rgba(245,158,11,.09);  color: #92400e; border: 1px solid rgba(245,158,11,.18); }
.ijc-type-badge.freelance   { background: rgba(255,106,26,.09);  color: #c2410c; border: 1px solid rgba(255,106,26,.18); }
.ijc-salary {
display: flex;
align-items: center;
gap: 4px;
font-size: 12px;
font-weight: 700;
color: #ff6a1a;
background: rgba(255,106,26,.07);
padding: 3px 9px;
border-radius: 8px;
}
.ijc-title {
font-size: 18px;
font-weight: 700;
letter-spacing: -.02em;
color: #171717;
margin: 0 0 10px;
line-height: 1.3;
}
.ijc-title a { color: inherit; text-decoration: none; transition: color .18s; }
.ijc-title a:hover { color: #ff6a1a; }
.ijc-excerpt {
font-size: 13.5px;
color: #685f58;
line-height: 1.65;
font-weight: 500;
margin: 0 0 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ijc-meta {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.ijc-meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12.5px;
font-weight: 600;
color: #9a8a80;
}
.ijc-posted { color: #b8ada6; margin-left: auto; }
.ijc-deadline {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11.5px;
font-weight: 700;
color: #e8612c;
background: rgba(255,106,26,.07);
padding: 4px 9px;
border-radius: 7px;
margin-bottom: 16px;
}
.ijc-footer {
display: flex;
align-items: center;
gap: 10px;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid rgba(255,106,26,.09);
}
.ijc-view-btn {
flex: 1;
padding: 11px 14px;
border-radius: 12px;
border: 1.5px solid rgba(255,106,26,.22);
background: transparent;
color: #ff6a1a;
font-family: 'Quicksand', sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
text-align: center;
transition: background .18s;
display: inline-block;
}
.ijc-view-btn:hover { background: rgba(255,106,26,.07); color: #ff6a1a; }
.ijc-apply-btn, .ibact-apply-btn {
flex: 1;
padding: 11px 14px;
border-radius: 12px;
border: none;
cursor: pointer;
background: linear-gradient(135deg, #ff6a1a, #ff944d);
color: #fff;
font-family: 'Quicksand', sans-serif;
font-size: 13px;
font-weight: 700;
box-shadow: 0 8px 20px rgba(255,106,26,.24);
transition: transform .18s, box-shadow .18s;
}
.ijc-apply-btn:hover, .ibact-apply-btn:hover {
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(255,106,26,.32);
}
.ibact-no-jobs {
text-align: center;
padding: 64px 24px;
color: #9a8a80;
}
.ibact-no-jobs-icon { margin-bottom: 16px; opacity: .5; }
.ibact-no-jobs h4 { font-size: 18px; font-weight: 700; color: #4a3f37; margin: 0 0 8px; }
.ibact-no-jobs p  { font-size: 14px; font-weight: 500; line-height: 1.65; } .ibact-pagination {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
}
.ibact-page-btn {
width: 40px;
height: 40px;
border-radius: 10px;
border: 1.5px solid rgba(255,106,26,.18);
background: rgba(255,255,255,.9);
color: #685f58;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: all .18s;
}
.ibact-page-btn:hover, .ibact-page-btn.active {
background: #ff6a1a;
color: #fff;
border-color: #ff6a1a;
box-shadow: 0 8px 20px rgba(255,106,26,.28);
} .ibact-loading-wrap {
display: flex;
justify-content: center;
padding: 60px 0;
}
.ibact-spinner {
width: 44px;
height: 44px;
border: 3.5px solid rgba(255,106,26,.18);
border-top-color: #ff6a1a;
border-radius: 50%;
animation: ibactSpin .75s linear infinite;
}
@keyframes ibactSpin { to { transform: rotate(360deg); } } .ibact-modal-overlay {
position: fixed;
inset: 0;
z-index: 999990;
background: rgba(23,23,23,.48);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
opacity: 0;
pointer-events: none;
transition: opacity .28s;
}
.ibact-modal-overlay.ibact-modal-open {
opacity: 1;
pointer-events: all;
}
.ibact-modal {
background: linear-gradient(160deg, rgba(255,255,255,.98) 0%, rgba(255,247,240,.96) 100%);
border: 1.5px solid rgba(255,106,26,.15);
border-radius: 28px;
padding: 32px 32px 28px;
max-width: 620px;
width: 100%;
max-height: 92vh;
overflow-y: auto;
box-shadow: 0 40px 80px rgba(255,106,26,.18), inset 0 1px 0 rgba(255,255,255,.95);
position: relative;
transform: scale(.94) translateY(16px);
transition: transform .3s cubic-bezier(.34,1.4,.64,1);
}
.ibact-modal-overlay.ibact-modal-open .ibact-modal {
transform: scale(1) translateY(0);
}
.ibact-modal::-webkit-scrollbar { width: 4px; }
.ibact-modal::-webkit-scrollbar-thumb { background: rgba(255,106,26,.2); border-radius: 4px; }
.ibact-modal-close {
position: absolute;
top: 16px;
right: 18px;
background: rgba(255,106,26,.08);
border: 1px solid rgba(255,106,26,.14);
color: #ff6a1a;
border-radius: 50%;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .18s;
z-index: 1;
}
.ibact-modal-close:hover { background: rgba(255,106,26,.14); }
.ibact-modal-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 26px;
}
.ibact-modal-icon {
width: 52px;
height: 52px;
border-radius: 16px;
background: linear-gradient(135deg, #ff6a1a, #ff944d);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 10px 24px rgba(255,106,26,.26);
}
.ibact-modal-title {
font-size: 20px;
font-weight: 700;
color: #171717;
letter-spacing: -.02em;
margin: 0 0 3px;
}
.ibact-modal-job-name {
font-size: 13px;
color: #ff6a1a;
font-weight: 700;
margin: 0;
}
.ibact-form-row { margin-bottom: 14px; }
.ibact-form-row.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ibact-form-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.ibact-form-field label {
font-size: 12.5px;
font-weight: 700;
color: #4a3f37;
letter-spacing: .04em;
}
.ibact-form-field label .req { color: #ff3b30; margin-left: 2px; }
.ibact-form-field label .ibact-optional { font-size: 11px; font-weight: 600; color: #b0a49d; margin-left: 4px; }
.ibact-form-field input,
.ibact-form-field textarea {
padding: 13px 15px;
border-radius: 13px;
border: 1.5px solid rgba(255,106,26,.18);
background: rgba(255,248,243,.88);
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 600;
color: #1c1c1c;
outline: none;
transition: border-color .2s, box-shadow .2s;
width: 100%;
box-sizing: border-box;
}
.ibact-form-field input:focus,
.ibact-form-field textarea:focus {
border-color: #ff6a1a;
box-shadow: 0 0 0 4px rgba(255,106,26,.09);
background: rgba(255,255,255,.95);
}
.ibact-form-field input.ibact-input-error { border-color: #ff3b30; }
.ibact-form-field textarea { resize: vertical; line-height: 1.65; }
.ibact-form-field input::placeholder,
.ibact-form-field textarea::placeholder { color: #b8ada6; font-weight: 500; } .ibact-file-drop {
border: 2px dashed rgba(255,106,26,.28);
border-radius: 14px;
background: rgba(255,248,243,.6);
cursor: pointer;
transition: border-color .2s, background .2s;
overflow: hidden;
}
.ibact-file-drop:hover, .ibact-file-drop.drag-over {
border-color: #ff6a1a;
background: rgba(255,248,243,.9);
}
.ibact-file-drop input[type="file"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.ibact-file-drop-ui {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 24px 20px;
cursor: pointer;
}
.ibact-file-drop-txt {
text-align: center;
display: flex;
flex-direction: column;
gap: 4px;
}
.ibact-file-drop-txt span { font-size: 13.5px; font-weight: 600; color: #685f58; }
.ibact-file-drop-txt small { font-size: 12px; color: #b8ada6; font-weight: 500; }
.ibact-file-drop-txt strong { color: #ff6a1a; }
.ibact-file-chosen {
display: flex;
align-items: center;
gap: 10px;
padding: 14px 18px;
background: rgba(34,168,97,.07);
border-top: 1px solid rgba(34,168,97,.14);
}
.ibact-file-chosen span { font-size: 13px; font-weight: 700; color: #1a7a4a; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ibact-file-remove { background: none; border: none; color: #e74c3c; font-size: 12px; font-weight: 700; cursor: pointer; flex-shrink: 0; } .ibact-form-feedback {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 13px 16px;
border-radius: 13px;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 14px;
animation: ibactFU .3s cubic-bezier(.34,1.4,.64,1) both;
}
@keyframes ibactFU { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
.ibact-form-feedback.error   { background: rgba(255,59,48,.07);  border: 1px solid rgba(255,59,48,.18);  color: #c0392b; }
.ibact-form-feedback.success { background: rgba(34,168,97,.08);  border: 1px solid rgba(34,168,97,.20);  color: #1a7a4a; } .ibact-submit-btn {
width: 100%;
padding: 16px;
border-radius: 16px;
border: none;
cursor: pointer;
background: linear-gradient(135deg, #ff6a1a, #ff944d);
color: #fff;
font-family: 'Quicksand', sans-serif;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
box-shadow: 0 14px 32px rgba(255,106,26,.28);
transition: transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s;
margin-bottom: 14px;
}
.ibact-submit-btn:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 20px 42px rgba(255,106,26,.36); }
.ibact-submit-btn:disabled { opacity: .68; cursor: not-allowed; }
.ibact-submit-btn .ibact-btn-spinner {
width: 18px; height: 18px;
border: 2.5px solid rgba(255,255,255,.3);
border-top-color: #fff; border-radius: 50%;
animation: ibactSpin .72s linear infinite;
}
.ibact-form-note { text-align: center; font-size: 11.5px; font-weight: 600; color: #b0a49d; } .ibact-apply-success {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 40px 20px;
animation: ibactFU .4s ease both;
}
.ibact-success-ring {
width: 80px; height: 80px; border-radius: 50%;
background: linear-gradient(135deg, #22a861, #25d366);
display: flex; align-items: center; justify-content: center;
margin-bottom: 20px;
box-shadow: 0 20px 44px rgba(34,168,97,.28);
animation: ibactSuccessPop .46s cubic-bezier(.34,1.56,.64,1) .1s both;
}
@keyframes ibactSuccessPop { from { transform:scale(.4); opacity:0; } to { transform:scale(1); opacity:1; } }
.ibact-apply-success h3 { font-size: 22px; font-weight: 700; color: #171717; margin: 0 0 10px; }
.ibact-apply-success p  { font-size: 15px; color: #685f58; font-weight: 500; line-height: 1.7; max-width: 340px; margin: 0 0 24px; }
.ibact-close-success-btn {
padding: 13px 28px; border-radius: 14px; border: none; cursor: pointer;
background: linear-gradient(135deg,#ff6a1a,#ff944d); color: #fff;
font-family: 'Quicksand',sans-serif; font-size: 15px; font-weight: 700;
box-shadow: 0 10px 26px rgba(255,106,26,.28);
}
.ibact-position-closed {
display: inline-block; padding: 8px 18px; border-radius: 10px;
background: rgba(239,68,68,.08); color: #e74c3c;
font-weight: 700; font-size: 13px; border: 1px solid rgba(239,68,68,.18);
} @media (max-width: 640px) {
.ibact-form-row.two-col { grid-template-columns: 1fr; }
.ibact-modal { padding: 24px 20px 20px; border-radius: 22px; }
.ibact-filter-group { flex-direction: column; }
.ibact-select-wrap { min-width: auto; }
} .ibact-detail-modal {
max-width: 720px !important;
padding: 0 !important;
overflow: hidden;
}
#ibact-detail-body {
max-height: 86vh;
overflow-y: auto;
padding: 0;
}
#ibact-detail-body::-webkit-scrollbar { width: 4px; }
#ibact-detail-body::-webkit-scrollbar-thumb { background: rgba(255,106,26,.2); border-radius: 4px; } .ijcd-wrap { display: flex; flex-direction: column; } .ijcd-header {
background: linear-gradient(150deg, #fff8f3 0%, #ffe4cc 100%);
border-bottom: 1.5px solid rgba(255,106,26,.13);
padding: 28px 32px 24px;
position: sticky; top: 0; z-index: 2;
}
.ijcd-header-top {
display: flex; align-items: center; gap: 12px; margin-bottom: 12px;
}
.ijcd-posted { font-size: 12px; font-weight: 600; color: #b0a49d; margin-left: auto; }
.ijcd-title {
font-size: clamp(20px, 3vw, 28px);
font-weight: 700; letter-spacing: -.03em; color: #171717;
margin: 0 0 16px; line-height: 1.2;
}
.ijcd-meta-row { display: flex; flex-wrap: wrap; gap: 8px; } .ijcd-pill {
display: inline-flex; align-items: center; gap: 5px;
padding: 5px 12px; border-radius: 999px;
font-size: 12.5px; font-weight: 700; color: #685f58;
background: rgba(255,255,255,.88); border: 1px solid rgba(255,106,26,.14);
}
.ijcd-pill.orange { color: #c2410c; background: rgba(255,106,26,.08); border-color: rgba(255,106,26,.18); }
.ijcd-pill.green  { color: #1a7a4a; background: rgba(34,168,97,.08);  border-color: rgba(34,168,97,.18);  }
.ijcd-pill.red    { color: #b91c1c; background: rgba(239,68,68,.07);  border-color: rgba(239,68,68,.18);  } .ijcd-body { padding: 26px 32px 0; }
.ijcd-section { margin-bottom: 28px; }
.ijcd-sh {
display: flex; align-items: center; gap: 8px;
font-size: 15px; font-weight: 700; color: #171717;
letter-spacing: -.02em; margin-bottom: 14px;
padding-bottom: 10px; border-bottom: 1.5px solid rgba(255,106,26,.10);
}
.ijcd-prose { font-size: 14.5px; color: #685f58; line-height: 1.75; font-weight: 500; }
.ijcd-prose p { margin: 0 0 10px; }
.ijcd-list {
list-style: none; display: flex; flex-direction: column; gap: 9px;
margin: 0; padding: 0;
}
.ijcd-list li {
display: flex; align-items: flex-start; gap: 10px;
font-size: 14px; color: #685f58; font-weight: 500; line-height: 1.6;
}
.ijcd-list li::before {
content: '';
flex-shrink: 0;
width: 7px; height: 7px; border-radius: 50%;
background: #ff6a1a; margin-top: 7px;
}
.ijcd-list.benefits li::before { background: #22a861; } .ijcd-footer {
padding: 22px 32px 26px;
border-top: 1.5px solid rgba(255,106,26,.10);
background: rgba(255,248,243,.5);
display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
}
.ijcd-apply-trigger {
padding: 15px 28px !important;
font-size: 15px !important;
border-radius: 15px !important;
}
.ijcd-note {
font-size: 11.5px; font-weight: 600; color: #b0a49d;
display: flex; align-items: center; gap: 5px; margin: 0;
}
.ijcd-closed {
padding: 12px 20px; border-radius: 12px;
background: rgba(239,68,68,.07); border: 1px solid rgba(239,68,68,.18);
color: #b91c1c; font-size: 14px; font-weight: 700;
} .ibact-detail-modal .ibact-modal-close {
position: fixed;
top: 14px; right: 14px;
background: rgba(255,255,255,.9);
backdrop-filter: blur(8px);
box-shadow: 0 4px 14px rgba(0,0,0,.10);
z-index: 10;
}.ibl-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.ibl-spin{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-3px;margin-right:6px;animation:iblSpin .7s linear infinite}
@keyframes iblSpin{to{transform:rotate(360deg)}} form.ibl-done{display:block!important;grid-template-columns:none!important}
.ibl-ok{all:initial;display:flex!important;flex-direction:column!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;max-width:460px!important;margin:0 auto!important;padding:8px 4px 4px!important;font-family:inherit!important;color:#0F172A!important;text-align:center!important;line-height:1.5!important;grid-column:1/-1!important;animation:iblIn .5s cubic-bezier(.2,.9,.25,1.05) both}
.ibl-ok *,.ibl-ok *::before,.ibl-ok *::after{box-sizing:border-box!important}
.ibl-ok:focus{outline:none!important}
@keyframes iblIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ibl-ok .ibl-ok-badge{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:68px!important;height:68px!important;margin:4px auto 16px!important;border-radius:50%!important;background:linear-gradient(145deg,#19C37D,#0E9F6E)!important;box-shadow:0 14px 28px -12px rgba(14,159,110,.75)!important;flex:none!important}
.ibl-ok .ibl-ok-badge::after{content:""!important;position:absolute!important;inset:-8px!important;border-radius:50%!important;border:2px solid rgba(25,195,125,.35)!important;animation:iblRing 1.6s ease-out .3s both}
@keyframes iblRing{from{transform:scale(.8);opacity:1}to{transform:scale(1.35);opacity:0}}
.ibl-ok .ibl-ok-badge svg{width:34px!important;height:34px!important;fill:none!important;stroke:#fff!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:24;stroke-dashoffset:24;animation:iblDraw .45s .25s ease forwards}
@keyframes iblDraw{to{stroke-dashoffset:0}}
.ibl-ok .ibl-ok-t{display:block!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:1.45rem!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.01em!important;color:#0A1633!important;text-transform:none!important;border:0!important;background:none!important}
.ibl-ok .ibl-ok-s{display:block!important;margin:8px auto 0!important;padding:0!important;max-width:380px!important;font-family:inherit!important;font-size:.97rem!important;line-height:1.55!important;font-weight:400!important;color:#56607A!important}
.ibl-ok .ibl-ok-id{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;max-width:400px!important;margin:20px auto 0!important;padding:12px 12px 12px 18px!important;border-radius:16px!important;background:linear-gradient(135deg,#F5F7FF,#EEF1FF)!important;border:1.5px dashed #B3C1FF!important;text-align:left!important}
.ibl-ok .ibl-ok-idl{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.ibl-ok .ibl-ok-idl span{display:block!important;margin:0!important;font-family:inherit!important;font-size:.68rem!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#6B7590!important}
.ibl-ok .ibl-ok-idl strong{display:block!important;margin:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;font-size:1.18rem!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.02em!important;color:#2443D6!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ibl-ok button.ibl-ok-copy{all:unset;display:inline-flex!important;align-items:center!important;gap:6px!important;flex:none!important;height:38px!important;padding:0 14px!important;border-radius:11px!important;background:#fff!important;border:1px solid #CDD6FF!important;color:#2443D6!important;font-family:inherit!important;font-size:.85rem!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;transition:background .2s,border-color .2s,color .2s!important;box-shadow:0 1px 2px rgba(10,22,51,.06)!important}
.ibl-ok button.ibl-ok-copy:hover{background:#3157FF!important;border-color:#3157FF!important;color:#fff!important}
.ibl-ok button.ibl-ok-copy:focus-visible{outline:3px solid rgba(49,87,255,.35)!important;outline-offset:2px!important}
.ibl-ok button.ibl-ok-copy.on{background:#0E9F6E!important;border-color:#0E9F6E!important;color:#fff!important}
.ibl-ok button.ibl-ok-copy svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ibl-ok button.ibl-ok-copy em{font-style:normal!important;font:inherit!important}
.ibl-ok .ibl-ok-n{display:block!important;margin:10px 0 0!important;padding:0!important;font-family:inherit!important;font-size:.82rem!important;line-height:1.4!important;color:#8A93AB!important}
.ibl-ok .ibl-ok-acts{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:400px!important;margin:18px auto 0!important}
.ibl-ok a.ibl-ok-wa{all:unset;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;height:50px!important;padding:0 18px!important;border-radius:14px!important;background:#1FAF57!important;color:#fff!important;font-family:inherit!important;font-size:.98rem!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;text-decoration:none!important;box-shadow:0 14px 26px -14px rgba(31,175,87,.95)!important;transition:transform .2s,background .2s!important}
.ibl-ok a.ibl-ok-wa:hover{background:#1A9C4D!important;transform:translateY(-1px)!important}
.ibl-ok a.ibl-ok-wa:focus-visible{outline:3px solid rgba(31,175,87,.4)!important;outline-offset:2px!important}
.ibl-ok a.ibl-ok-wa svg{width:20px!important;height:20px!important;flex:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ibl-ok button.ibl-ok-again{all:unset;display:inline-flex!important;background:transparent!important;border:0!important;box-shadow:none!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:10px!important;color:#56607A!important;font-family:inherit!important;font-size:.86rem!important;font-weight:600!important;cursor:pointer!important}
.ibl-ok button.ibl-ok-again:focus{background:transparent!important;color:#56607A!important;outline:none!important}
.ibl-ok button.ibl-ok-again:hover{color:#2443D6!important;background:#F3F5FF!important}
.ibl-ok button.ibl-ok-again:focus-visible{outline:3px solid rgba(49,87,255,.3)!important}
.ibl-ok button.ibl-ok-again svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media (max-width:380px){.ibl-ok .ibl-ok-id{flex-direction:column!important;align-items:stretch!important;text-align:center!important;padding:14px!important}.ibl-ok .ibl-ok-idl{align-items:center!important}.ibl-ok button.ibl-ok-copy{justify-content:center!important}}
@media (prefers-reduced-motion:reduce){.ibl-ok,.ibl-ok *,.ibl-ok *::after,.ibl-ch,.ibl-ch *{animation:none!important;transition:none!important;stroke-dashoffset:0!important}} .ibl-ch{all:initial;position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:rgba(10,22,51,.55)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;animation:iblFade .2s ease both}
@keyframes iblFade{from{opacity:0}to{opacity:1}}
.ibl-ch *{box-sizing:border-box!important}
.ibl-ch .ibl-ch-card{position:relative!important;width:100%!important;max-width:380px!important;padding:26px 22px 18px!important;border-radius:22px!important;background:#fff!important;color:#0F172A!important;text-align:center!important;box-shadow:0 30px 70px -20px rgba(10,22,51,.55)!important;animation:iblPop .28s cubic-bezier(.2,.9,.25,1.15) both}
@keyframes iblPop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.ibl-ch .ibl-shake{animation:iblShake .4s ease both}
@keyframes iblShake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.ibl-ch .ibl-ch-ic{display:flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;margin:0 auto 12px!important;border-radius:16px!important;background:#EEF2FF!important;color:#3157FF!important}
.ibl-ch .ibl-ch-ic svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ibl-ch .ibl-ch-t{margin:0!important;font-size:1.2rem!important;line-height:1.3!important;font-weight:800!important;color:#0A1633!important}
.ibl-ch .ibl-ch-s{margin:6px 0 0!important;font-size:.9rem!important;line-height:1.5!important;color:#56607A!important}
.ibl-ch .ibl-ch-q{margin:18px 0 10px!important;font-size:1.1rem!important;font-weight:800!important;color:#0A1633!important}
.ibl-ch .ibl-ch-opts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.ibl-ch .ibl-ch-opts button{all:unset;display:flex!important;align-items:center!important;justify-content:center!important;height:52px!important;border-radius:14px!important;border:1.5px solid #DCE2F5!important;background:#F8F9FD!important;color:#0A1633!important;font-family:inherit!important;font-size:1.15rem!important;font-weight:800!important;cursor:pointer!important;transition:all .15s!important}
.ibl-ch .ibl-ch-opts button:hover,.ibl-ch .ibl-ch-opts button:focus-visible{border-color:#3157FF!important;background:#EEF2FF!important;color:#2443D6!important}
.ibl-ch .ibl-ch-opts button.on{background:#3157FF!important;border-color:#3157FF!important;color:#fff!important}
.ibl-ch .ibl-ch-opts button:disabled{cursor:default!important}
.ibl-ch .ibl-ch-ts{display:flex!important;justify-content:center!important;align-items:center!important;min-height:70px!important;margin:16px 0 4px!important;color:#56607A!important;font-size:.9rem!important}
.ibl-ch .ibl-ch-x{all:unset;display:inline-block!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-top:14px!important;padding:6px 12px!important;border-radius:9px!important;color:#56607A!important;font-family:inherit!important;font-size:.85rem!important;font-weight:600!important;cursor:pointer!important}
.ibl-ch .ibl-ch-x:focus{background:transparent!important;color:#56607A!important;outline:none!important}
.ibl-ch .ibl-ch-x:focus-visible{outline:3px solid rgba(49,87,255,.3)!important}
.ibl-ch .ibl-ch-x:hover{background:#F3F5FA!important;color:#0A1633!important}
.ibl-ch .ibl-ch-foot{margin:6px 0 0!important;font-size:.75rem!important;color:#9AA2B8!important}
.ibl-ch .ibl-spin{color:#3157FF}
.ibl-err{margin-top:12px;padding:10px 12px;border-radius:12px;background:#FDECEC;border:1px solid #F5C2C2;color:#B32D2E;font-size:.88rem;line-height:1.45;text-align:left}
.ibl-err a{color:#0B7A55;font-weight:700;text-decoration:underline} .ibl-form{box-sizing:border-box;display:grid;gap:12px;max-width:520px;padding:22px;border:1px solid #E5E8F0;border-radius:18px;background:#fff;font-family:inherit}
.ibl-form *{box-sizing:border-box}
.ibl-form .ibl-form-t{margin:0;font-size:1.15rem;font-weight:800;color:#0A1633}
.ibl-form .field label{display:block;font-size:.82rem;font-weight:700;color:#2A3350;margin-bottom:6px}
.ibl-form .field input,.ibl-form .field textarea{width:100%;border:1px solid #E5E8F0;border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;background:#fff;color:#0F172A}
.ibl-form .field input:focus,.ibl-form .field textarea:focus{outline:none;border-color:#3157FF;box-shadow:0 0 0 4px rgba(49,87,255,.12)}
.ibl-form .field.err input,.ibl-form .field.err textarea{border-color:#E5484D}
.ibl-form .ibl-btn{height:50px;border:0;border-radius:12px;background:linear-gradient(90deg,#3157FF,#6B4BFF);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer}
.ibl-form .ibl-btn:disabled{opacity:.7;cursor:wait}