.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 20px;font-weight:800;transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 10px 25px rgba(23,105,255,.25)}.btn-light{background:#fff;color:var(--primary-dark)}.btn-outline-light{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}
.top-kiosk{background:var(--dark);color:#d4deee;font-size:12px}.kiosk-inner{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:15px}.kiosk-links,.kiosk-actions{display:flex;align-items:center;gap:5px}.kiosk-links{overflow-x:auto}.kiosk-links a,.kiosk-actions a{padding:6px 8px;border-radius:7px;white-space:nowrap}.kiosk-links a:hover{background:#17283d;color:#fff}.kiosk-login,.kiosk-register{border:1px solid rgba(255,255,255,.15)}.kiosk-highlight{background:var(--primary);color:#fff}
.main-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:baseline;font-size:21px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand-book{color:var(--text)}.brand-interview{color:var(--primary)}.brand-domain{color:#475467;font-size:15px}.main-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.main-nav a{color:#475467}.main-nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:14px}.header-login{font-size:14px;font-weight:700}.mobile-menu-button{display:none;border:0;background:transparent;font-size:24px}
.filter-panel{padding:20px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 4px 15px rgba(16,24,40,.06)}.filter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.filter-grid select{width:100%;padding:13px;background:#fff;border:1px solid var(--border);border-radius:10px;color:#475467}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.filter-chip{border:1px solid var(--border);background:#fff;color:#475467;padding:8px 13px;border-radius:50px;font-size:12px}.filter-chip:hover,.filter-chip.active{background:var(--primary-light);border-color:#b7ceff;color:var(--primary-dark)}
.country-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.country-card{position:relative;overflow:hidden;min-height:230px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:16px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.country-card:before{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-55px;border-radius:50%;background:linear-gradient(135deg,#eaf1ff,transparent)}.country-card:hover{transform:translateY(-7px);border-color:#bdd0fa;box-shadow:var(--shadow)}.country-flag{position:relative;width:52px;height:38px;object-fit:cover;border-radius:8px;box-shadow:0 6px 14px rgba(0,0,0,.14)}.country-card h3{margin:18px 0 5px;font-size:18px}.country-region{color:var(--muted);font-size:12px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tag{padding:5px 8px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:600}.country-link{display:inline-block;margin-top:17px;color:var(--primary);font-size:12px;font-weight:800}
.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-card{padding:20px;background:#fff;border:1px solid var(--border);border-radius:16px;transition:transform var(--transition),box-shadow var(--transition)}.job-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.job-card-top,.job-footer{display:flex;justify-content:space-between;gap:10px}.job-status{display:inline-flex;padding:6px 9px;border-radius:30px;background:var(--success-light);color:var(--success);font-size:11px;font-weight:800}.job-card h3{margin:18px 0 6px;font-size:18px}.job-company,.job-meta{color:var(--muted);font-size:13px}.job-meta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;font-size:12px}.job-footer{align-items:center;padding-top:15px;border-top:1px solid var(--border);font-size:12px}.job-apply{color:var(--primary);font-weight:800}
.profile-banner{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:42px;border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(23,105,255,.35),transparent 25%),linear-gradient(135deg,#07111f,#172f60);color:#fff}.profile-banner h2{margin-bottom:12px;font-size:clamp(28px,4vw,44px);letter-spacing:-1.5px}.profile-banner p{max-width:720px;margin:0;color:#cad6ea;line-height:1.7}.profile-banner-actions{display:flex;flex-wrap:wrap;gap:10px;min-width:max-content}
.career-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.career-card{padding:24px;background:#fff;border:1px solid var(--border);border-radius:16px;transition:var(--transition)}.career-card:hover{transform:translateY(-5px);border-color:#bcd0f8;box-shadow:var(--shadow)}.career-card span{display:inline-flex;margin-bottom:18px;font-size:30px}.career-card h3{margin-bottom:8px}.career-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.zones-section{background:#eef3fb}.zone-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.zone-card{padding:17px;background:#fff;border:1px solid var(--border);border-radius:14px;font-size:13px;font-weight:750;transition:var(--transition)}.zone-card:hover{transform:translateY(-3px);background:var(--primary-light);border-color:#bdd0fa;color:var(--primary-dark)}
.site-footer{padding:60px 0 25px;background:var(--dark);color:#b8c4d6}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:35px}.footer-logo .brand-book{color:#fff}.footer-brand p{margin-top:18px;max-width:310px;font-size:13px;line-height:1.7}.footer-column h4{color:#fff;margin-bottom:15px;font-size:14px}.footer-column a{display:block;margin-bottom:10px;color:#9eacc1;font-size:13px}.footer-column a:hover{color:#fff}.social-links{display:flex;flex-wrap:wrap;gap:7px}.social-links a{padding:7px 9px;border:1px solid #34445a;border-radius:8px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:22px;border-top:1px solid #24344b;color:#8492a7;font-size:12px}