@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--cbc-blue:#0754a6;--cbc-navy:#071f45;--cbc-cyan:#08b7e8;--cbc-pale:#eff7fd;--cbc-line:#d7e4ee;--cbc-ink:#14283d;--cbc-muted:#647688;--cbc-green:#0f9d69}
*{box-sizing:border-box}.cbc-recruitment-page{margin:0;background:#f5f8fb;color:var(--cbc-ink);font-family:'DM Sans',Arial,sans-serif}.cbc-recruitment-page button,.cbc-recruitment-page input{font:inherit}.cbc-portal{min-height:100vh}.cbc-header{position:sticky;z-index:50;top:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid rgba(215,228,238,.85);background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.cbc-brand{display:flex;align-items:center;gap:12px;color:var(--cbc-navy);text-decoration:none}.cbc-brand img{width:58px;height:58px;object-fit:contain}.cbc-brand b,.cbc-brand small{display:block}.cbc-brand b{font:800 16px Manrope}.cbc-brand small{margin-top:2px;color:var(--cbc-muted);font-size:10px}.cbc-header nav{display:flex;align-items:center;gap:24px}.cbc-header nav a,.cbc-header nav button{border:0;background:none;color:#385067;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer}.cbc-header nav form{margin:0}.cbc-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:0;border-radius:11px;background:linear-gradient(135deg,#0754a6,#0878c9);box-shadow:0 9px 22px rgba(7,84,166,.2);color:#fff!important;font-weight:800;text-decoration:none;cursor:pointer}.cbc-eyebrow{color:var(--cbc-blue);font-size:10px;font-weight:800;letter-spacing:.15em}.cbc-hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:75px max(24px,calc((100vw - 1220px)/2));overflow:hidden;background:radial-gradient(circle at 85% 30%,#d7f5ff 0,transparent 28%),linear-gradient(145deg,#fff 0,#f4f9fd 70%)}.cbc-hero h1{max-width:720px;margin:14px 0 20px;color:var(--cbc-navy);font:800 clamp(42px,5vw,72px)/1.02 Manrope;letter-spacing:-.045em}.cbc-hero-copy>p{max-width:660px;color:#4d6276;font-size:18px;line-height:1.65}.cbc-hero-actions{display:flex;gap:12px;margin-top:30px}.cbc-hero-actions button{min-height:46px;padding:10px 19px;border:1px solid #b8ccdc;border-radius:11px;background:#fff;color:var(--cbc-blue);font-weight:800;cursor:pointer}.cbc-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:#456175;font-size:12px;font-weight:700}.cbc-trust span:before{color:var(--cbc-green)}.cbc-hero-visual{position:relative;min-height:470px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:40px;background:linear-gradient(145deg,#d7f4ff,#fff 60%);box-shadow:0 35px 90px rgba(13,71,126,.13);transform:rotate(2deg)}.cbc-hero-visual img{width:min(390px,80%);filter:drop-shadow(0 22px 24px rgba(3,52,115,.18));transform:rotate(-2deg)}.cbc-hero-visual>div{position:absolute;right:-16px;bottom:38px;padding:16px 22px;border-radius:16px;background:#fff;box-shadow:0 16px 45px rgba(9,50,91,.16);transform:rotate(-2deg)}.cbc-hero-visual strong,.cbc-hero-visual span{display:block}.cbc-hero-visual strong{color:var(--cbc-blue);font:800 24px Manrope}.cbc-hero-visual span{color:var(--cbc-muted);font-size:11px}.cbc-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1220px;margin:-35px auto 0;padding:0 24px;position:relative}.cbc-values article{padding:28px;border:1px solid var(--cbc-line);border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(18,60,96,.08)}.cbc-values article>b{color:#a7cbe7;font:800 32px Manrope}.cbc-values h2{margin:17px 0 8px;color:var(--cbc-navy);font:800 18px Manrope}.cbc-values p{margin:0;color:var(--cbc-muted);line-height:1.6}.cbc-process{max-width:1220px;margin:auto;padding:110px 24px}.cbc-process>h2,.cbc-apply-intro h2{margin:12px 0 35px;color:var(--cbc-navy);font:800 clamp(30px,4vw,46px)/1.15 Manrope}.cbc-process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cbc-process article{position:relative;padding:22px;border-top:2px solid #b7d8ed}.cbc-process article i{width:34px;height:34px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:var(--cbc-blue);color:#fff;font-style:normal;font-weight:800}.cbc-process article b,.cbc-process article span{display:block}.cbc-process article b{color:var(--cbc-navy)}.cbc-process article span{margin-top:7px;color:var(--cbc-muted);font-size:13px;line-height:1.5}.cbc-apply{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:85px max(24px,calc((100vw - 1220px)/2));background:#071f45;color:#fff}.cbc-apply-intro{padding-top:20px}.cbc-apply-intro h2{color:#fff}.cbc-apply-intro>p{color:#b8c9da;line-height:1.7}.cbc-age{margin-top:28px;padding:17px;border:1px solid #24476c;border-radius:13px;background:#0b2b55}.cbc-age b,.cbc-age span{display:block}.cbc-age span{margin-top:4px;color:#bcd2e6}.cbc-register{padding:28px;border-radius:20px;background:#fff;color:var(--cbc-ink)}.cbc-route{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.cbc-route input{position:absolute;opacity:0}.cbc-route label>span{display:block;height:100%;padding:16px;border:1px solid var(--cbc-line);border-radius:12px;cursor:pointer}.cbc-route input:checked+span{border-color:var(--cbc-blue);background:#edf6fd;box-shadow:0 0 0 2px rgba(7,84,166,.1)}.cbc-route b,.cbc-route small{display:block}.cbc-route small{margin-top:4px;color:var(--cbc-muted);font-size:11px}.cbc-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cbc-register label:not(.cbc-check){display:grid;gap:6px;color:#334b61;font-size:12px;font-weight:700}.cbc-register input:not([type=radio]):not([type=checkbox]),.cbc-login input{width:100%;height:44px;padding:9px 12px;border:1px solid #c8d7e2;border-radius:10px;outline:0}.cbc-register input:focus,.cbc-login input:focus{border-color:var(--cbc-blue);box-shadow:0 0 0 3px rgba(7,84,166,.11)}.cbc-wide{grid-column:1/-1}.cbc-register label small{color:var(--cbc-muted);font-weight:400}.cbc-check{display:flex;align-items:flex-start;gap:9px;margin:17px 0;color:#64788b;font-size:11px;line-height:1.5}.cbc-check input{margin-top:3px}.cbc-presential{margin-top:16px;padding:16px;border-radius:12px;background:#f4f8fb}.cbc-login{width:min(430px,calc(100% - 30px));padding:32px;border:0;border-radius:20px;box-shadow:0 30px 100px rgba(2,20,38,.38)}.cbc-login::backdrop{background:rgba(5,22,39,.55);backdrop-filter:blur(5px)}.cbc-login>button{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;cursor:pointer}.cbc-login img{display:block;width:95px;height:95px;object-fit:contain;margin:auto}.cbc-login h2{text-align:center;color:var(--cbc-navy)}.cbc-login>p{text-align:center;color:var(--cbc-muted)}.cbc-login form{display:grid;gap:14px}.cbc-login label{display:grid;gap:6px;font-size:12px;font-weight:700}.cbc-notice{max-width:1220px;margin:18px auto;padding:13px 17px;border:1px solid #b9ddca;border-radius:11px;background:#eff9f3;color:#176f48}.cbc-office{max-width:1220px;margin:auto;padding:50px 24px 90px}.cbc-office-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.cbc-office-top h1{margin:9px 0;color:var(--cbc-navy);font:800 42px Manrope}.cbc-office-top p{color:var(--cbc-muted)}.cbc-progress-ring{width:112px;height:112px;display:grid;place-content:center;border-radius:50%;text-align:center;background:radial-gradient(circle,#fff 56%,transparent 57%),conic-gradient(var(--cbc-cyan) calc(var(--value)*1%),#dce8f0 0)}.cbc-progress-ring b,.cbc-progress-ring span{display:block}.cbc-progress-ring b{font:800 22px Manrope;color:var(--cbc-navy)}.cbc-progress-ring span{font-size:10px;color:var(--cbc-muted)}.cbc-steps{display:flex;justify-content:space-between;margin:35px 0;padding:20px;border:1px solid var(--cbc-line);border-radius:16px;background:#fff}.cbc-steps span{position:relative;display:flex;align-items:center;gap:8px;color:#8a98a5;font-size:11px;font-weight:700}.cbc-steps i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8eef3;font-style:normal}.cbc-steps .is-active{color:var(--cbc-blue)}.cbc-steps .is-active i{background:var(--cbc-blue);color:#fff}.cbc-steps .is-done{color:var(--cbc-green)}.cbc-steps .is-done i{background:#e3f6ed;color:var(--cbc-green)}.cbc-office-card{padding:30px;border:1px solid var(--cbc-line);border-radius:20px;background:#fff;box-shadow:0 13px 35px rgba(17,59,92,.06)}.cbc-office-card h2{margin:8px 0;color:var(--cbc-navy);font:800 26px Manrope}.cbc-office-card>p{color:var(--cbc-muted)}.cbc-warning{margin-top:22px;padding:18px;border-left:4px solid #ec9f25;background:#fff7e8}.cbc-warning p{margin-bottom:0}.cbc-exam fieldset{margin:17px 0;padding:18px;border:1px solid var(--cbc-line);border-radius:14px}.cbc-exam legend{padding:0 8px;font-weight:700}.cbc-exam legend i{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:#e8f3fb;color:var(--cbc-blue);font-style:normal}.cbc-exam fieldset label{display:inline-flex;margin:10px 8px 0 0}.cbc-exam fieldset input{position:absolute;opacity:0}.cbc-exam fieldset label span{padding:9px 13px;border:1px solid #ccdbe5;border-radius:9px;cursor:pointer}.cbc-exam fieldset input:checked+span{border-color:var(--cbc-blue);background:#eaf5fd;color:var(--cbc-blue);font-weight:700}.cbc-documents{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.cbc-documents>label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border:1px solid var(--cbc-line);border-radius:12px;cursor:pointer}.cbc-documents input{width:130px}.cbc-documents b,.cbc-documents small{display:block}.cbc-documents small{margin-top:3px;color:var(--cbc-muted)}.cbc-documents .is-approved{border-color:#b5dec9;background:#f0faf5}.cbc-documents .is-rejected{border-color:#efc2c2;background:#fff4f4}.cbc-documents .has-file{border-color:#91bde0;background:#eff7fd}.cbc-documents>button{grid-column:1/-1}.cbc-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.cbc-slots input{position:absolute;opacity:0}.cbc-slots span{display:block;padding:13px;border:1px solid var(--cbc-line);border-radius:10px;text-align:center;cursor:pointer}.cbc-slots input:checked+span{border-color:var(--cbc-blue);background:#e9f5fd;color:var(--cbc-blue);font-weight:800}.cbc-camera{position:relative;width:min(520px,100%);aspect-ratio:1;margin:20px auto;border-radius:20px;overflow:hidden;background:#dfeaf2}.cbc-camera video,.cbc-camera canvas,.cbc-camera [data-cbc-photo-preview]{width:100%;height:100%;object-fit:cover}.cbc-camera [data-cbc-photo-preview]{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none}.cbc-camera [data-cbc-photo-preview].has-photo{box-shadow:inset 0 0 0 6px #fff}.cbc-camera-actions{display:flex;justify-content:center;gap:10px}.cbc-camera-actions button{min-height:42px;padding:9px 15px;border:1px solid #b8cddd;border-radius:10px;background:#fff;color:var(--cbc-blue);font-weight:700}.cbc-camera-actions button:disabled{opacity:.45}.cbc-selfie>a{margin-top:15px}
@media(max-width:900px){.cbc-header nav>a{display:none}.cbc-hero{grid-template-columns:1fr;padding-top:50px}.cbc-hero-visual{min-height:360px}.cbc-values,.cbc-process>div{grid-template-columns:1fr 1fr}.cbc-apply{grid-template-columns:1fr}.cbc-fields,.cbc-documents{grid-template-columns:1fr}.cbc-slots{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cbc-header{height:70px;padding:0 14px}.cbc-brand img{width:46px;height:46px}.cbc-brand small{display:none}.cbc-header nav{gap:8px}.cbc-hero{padding:45px 18px 70px}.cbc-hero h1{font-size:42px}.cbc-hero-actions{flex-direction:column}.cbc-values,.cbc-process>div{grid-template-columns:1fr}.cbc-values{margin-top:-30px}.cbc-process{padding:75px 18px}.cbc-apply{padding:65px 18px}.cbc-route{grid-template-columns:1fr}.cbc-register{padding:18px}.cbc-office{padding:35px 14px 70px}.cbc-office-top h1{font-size:29px}.cbc-progress-ring{width:86px;height:86px}.cbc-steps{overflow-x:auto;gap:20px}.cbc-steps span{min-width:max-content}.cbc-office-card{padding:20px}.cbc-documents>label{align-items:flex-start;flex-direction:column}.cbc-slots{grid-template-columns:1fr}.cbc-camera-actions{flex-direction:column}}