@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}