:root{

    --primary:#0F4C81;

    --secondary:#F4B400;

    --success:#22C55E;

    --danger:#EF4444;

    --text:#1F2937;

    --light:#6B7280;

    --background:#F8FAFC;

    --white:#ffffff;

    --radius:18px;

    --shadow:0 12px 35px rgba(15,76,129,.12);

}

body{

    background:var(--background);

    font-family:Inter,sans-serif;

}

.recrm-hero{

    min-height:650px;

    background:url('../images/hero.jpg') center center/cover;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

}

.recrm-overlay{

    width:100%;

    height:100%;

    background:rgba(10,20,40,.55);

    display:flex;

    align-items:center;

    justify-content:center;

}

.recrm-hero-content{

    max-width:1100px;

    text-align:center;

    color:#fff;

}

.recrm-hero-content h1{

    font-size:60px;

    font-weight:700;

    margin-bottom:20px;

}

.recrm-search-form{

    display:grid;

    grid-template-columns:2fr repeat(3,1fr) auto;

    gap:15px;

    margin-top:40px;

    background:rgba(255,255,255,.15);

    padding:20px;

    border-radius:20px;

    backdrop-filter:blur(12px);

}