:root{
  --navy:#0B2D4A;
  --navy-soft:#123B60;
  --teal:#14B8C4;
  --orange:#F15A3D;
  --cream:#F7FAFC;
  --white:#FFFFFF;
  --text:#102A43;
  --muted:#60758A;
  --border:#DDE8EF;
  --shadow:0 20px 55px rgba(11,45,74,.12);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}
a{color:inherit}
img{max-width:100%;display:block}
.topbar{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.nav{max-width:1180px;margin:auto;padding:13px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;color:var(--navy)}
.brand-logo{width:54px;height:54px;object-fit:contain;border-radius:12px}
.brand span{font-size:18px}
.links{display:flex;gap:20px;align-items:center}
.links a{text-decoration:none;font-weight:800;color:var(--navy);font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--teal);color:white;text-decoration:none;padding:12px 20px;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(20,184,196,.24);transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn.orange{background:var(--orange);box-shadow:0 12px 26px rgba(241,90,61,.24)}
.btn.navy{background:var(--navy);box-shadow:0 12px 26px rgba(11,45,74,.24)}
.btn.light{background:white;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 12%,rgba(20,184,196,.35),transparent 28%),radial-gradient(circle at 95% 0%,rgba(241,90,61,.25),transparent 25%),linear-gradient(135deg,var(--navy),var(--navy-soft));color:white}
.hero:after{content:"";position:absolute;right:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08)}
.hero-inner{max-width:1180px;margin:auto;padding:76px 18px;display:grid;grid-template-columns:1.18fr .82fr;gap:34px;align-items:center;position:relative;z-index:1}
.hero h1{font-size:clamp(36px,6vw,66px);line-height:1.02;margin:0 0 18px;letter-spacing:-1.8px}
.hero p{font-size:18px;color:#DCEFF5;max-width:720px}
.hero-panel{background:rgba(255,255,255,.96);color:var(--navy);border-radius:30px;padding:30px;box-shadow:var(--shadow)}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.stat{background:#EFFBFC;border:1px solid #C8F0F3;border-radius:18px;padding:16px}
.stat strong{font-size:24px;display:block}
.container{max-width:1180px;margin:auto;padding:38px 18px}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.section-title h2{font-size:34px;margin:0;letter-spacing:-.8px;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.card h1,.card h2,.card h3{margin-top:0;color:var(--navy)}
.muted{color:var(--muted)}
.pill{display:inline-flex;align-items:center;background:#EAFBFD;color:#087381;border:1px solid #BDEEF3;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;margin:3px 4px 3px 0}
.pill.orange{background:#FFF1EC;color:#B13A25;border-color:#FFD4C8}
.job-card{display:flex;flex-direction:column;gap:10px}
.job-card p{margin:0}
.job-actions{margin-top:auto;padding-top:14px}
.notice{background:#FFF7F4;border:1px solid #FFD8CD;border-radius:18px;padding:16px}
.success-box{background:linear-gradient(135deg,#EAFBFD,#FFFFFF);border:1px solid #BDEEF3;border-radius:24px;padding:24px;text-align:center}
.reference{font-size:clamp(32px,8vw,58px);letter-spacing:2px;color:var(--orange);font-weight:950;margin:16px 0}
.form label{font-weight:900;display:block;margin-top:8px;color:var(--navy)}
.form input,.form textarea,.form select{width:100%;padding:14px 15px;border:1px solid var(--border);border-radius:15px;background:white;font:inherit;margin:8px 0 14px;outline:none}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(20,184,196,.13)}
.form textarea{min-height:120px}
.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.steps{counter-reset:step}
.step{position:relative;padding-left:52px;margin:22px 0}
.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font-weight:950}
.legal-content h2{margin-top:30px}
.footer{background:var(--navy);color:white;margin-top:46px}
.footer-inner{max-width:1180px;margin:auto;padding:42px 18px;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px}
.footer a{color:white;text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer p{color:#CFE3EE}
.footer-bottom{max-width:1180px;margin:auto;padding:0 18px 26px;color:#CFE3EE;font-size:13px}
.mobile-menu-note{display:none}
@media(max-width:860px){
  .nav{align-items:flex-start}
  .brand span{font-size:15px}
  .brand-logo{width:48px;height:48px}
  .links{gap:8px;justify-content:flex-end;flex-wrap:wrap;font-size:13px}
  .links a{font-size:13px}
  .hero-inner,.grid,.grid2,.footer-inner{grid-template-columns:1fr}
  .hero-inner{padding:52px 18px}
  .hero h1{letter-spacing:-1px}
  .section-title{display:block}
  .card{padding:20px}
  .btn{width:100%;margin-top:8px}
}
.hero-panel p{color:#111!important;font-weight:500}