*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#10283d;background:#fff;font:16px/1.65 'DM Sans',system-ui,sans-serif}a{color:inherit}h1,h2,h3,p{margin:0 0 14px}h1,h2{font-family:'Playfair Display',Georgia,serif;line-height:1.08;font-weight:600;letter-spacing:-.025em}h1{font-size:clamp(46px,6.3vw,94px)}h2{font-size:clamp(35px,4vw,55px)}h3{line-height:1.25}header{border-bottom:1px solid #e1edf4}header div,main>section>div,footer>div,.inside{max-width:1250px;margin:auto;padding-inline:42px}header div{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:12px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 23px Georgia}.brand svg{color:#a37a39}nav{display:flex;align-items:center;flex-wrap:wrap;gap:23px;font-size:14px;font-weight:700}nav a{text-decoration:none}a:hover{text-decoration:underline}.btn,button{display:inline-block;background:#17618d;color:white;border:0;border-radius:5px;padding:11px 18px;text-decoration:none;font:700 14px/1.5 system-ui;cursor:pointer}.hero{background:radial-gradient(ellipse at 88% 20%,#f7fcff 0,transparent 55%),linear-gradient(116deg,#f8fcff 0%,#e3f5ff 49%,#a8dff8 100%);color:#10283d}.hero>div{display:grid;grid-template-columns:1.12fr .88fr;min-height:480px;align-items:center;gap:24px}.pitch{padding:66px 26px 54px 0;position:relative}.pitch p{max-width:550px;color:#345a71;font-size:18px;margin:22px 0}.pitch .btn{background:#17618d;color:#fff}.heroart{background:#cceefa url('dea.jpg') center/cover no-repeat;min-height:380px;border:1px solid #ffffffd9;border-radius:110px 16px 110px 16px;box-shadow:0 22px 54px #327c9f2b}.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:750;color:#397399;margin-bottom:17px}.hero .eyebrow{color:#376d89}section>div{padding-block:62px}.blue{background:#e8f6ff}.intro{max-width:720px;color:#3a5568}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:29px}.card{display:flex;flex-direction:column;background:white;text-decoration:none;padding:20px 17px;border:1px solid #cfe3f0;border-radius:8px;min-height:160px}.card span{color:#17618d;margin-top:auto;font-weight:700;font-size:13px}.card:hover{border-color:#17618d}.pair{display:grid;grid-template-columns:1fr 1fr;gap:55px}.inside{padding-block:56px;min-height:65vh}.inside .card{max-width:680px}.panel{padding:24px;background:#e8f6ff;border-radius:8px;margin-block:20px;max-width:760px}footer{background:#102539;color:#d7e8f3}footer>div{padding-block:30px;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}fieldset{border:1px solid #b7d5e7;margin:12px 0;padding:16px}label{display:block;margin:6px 0}input[type=file]{max-width:100%;margin-bottom:14px}summary{font-weight:700;cursor:pointer}:focus-visible{outline:3px solid #c49341;outline-offset:3px}@media(max-width:930px){.cards{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}}@media(max-width:680px){header div,main>section>div,footer>div,.inside{padding-inline:20px}.hero>div,.pair{grid-template-columns:1fr}.hero>div{padding-bottom:20px}.pitch{padding:38px 0 20px}.heroart{min-height:240px}.pair{gap:20px}section>div{padding-block:44px}nav{gap:12px}}

header{border-top:7px solid #07336d;background:#fff}
header div{min-height:104px}
.brand{color:#082d62;font-size:29px}
.hero{background:#073368;color:white;position:relative;isolation:isolate;overflow:hidden}
.hero>div{min-height:490px;display:flex;position:relative}
.pitch{position:relative;z-index:1;width:min(660px,100%);padding-block:55px}
.pitch p{color:#e6f2ff}
.hero .eyebrow{color:#ffda75}
.hero h1{font-size:clamp(46px,6.2vw,86px)}
.hero h1 br+span{color:#ffda75}
.pitch .btn{background:linear-gradient(120deg,#ffe68e,#e8af39);color:#10284b}
.heroart{position:absolute;inset:0 0 0 32%;border:0;border-radius:0;box-shadow:none;background-size:cover;background-position:center 44%;z-index:-1}
.heroart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#073368 0%,#073368dc 26%,#0a478b44 64%,#072b5c14 100%)}
#concorsi{background:linear-gradient(#e1effc,#f8fbff)}
#concorsi .cards{margin-top:24px}
#concorsi .card{border:1px solid #dbe7f5;border-radius:14px;box-shadow:0 8px 24px #072d6210;color:#082d62}
nav .btn{background:linear-gradient(#0966bb,#083979);box-shadow:0 7px 18px #06377928}
@media(max-width:680px){.hero>div{min-height:420px}.heroart{inset:0 0 0 15%;opacity:.52}.heroart:after{background:linear-gradient(90deg,#073368,transparent)}header div{min-height:90px}}
#concorsi .card{padding:0 0 18px;overflow:hidden}
#concorsi .card h3,#concorsi .card span{margin-inline:16px}
#concorsi .card h3{margin-top:15px}
.corpo-foto{display:block;width:100%;aspect-ratio:1.2;background:#dceaf7 url('corpi.jpg') no-repeat;background-size:500% auto}
.foto-carabinieri{background-position:0 50%}
.foto-polizia-stato{background-position:25% 50%}
.foto-penitenziaria{background-position:50% 50%}
.foto-finanza{background-position:75% 50%}
.foto-forze-armate{background-position:100% 50%}