:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:#f1f5f9;min-width:320px;margin:0}button,input{font:inherit}#root{min-height:100vh}.application{flex-direction:column;min-height:100vh;display:flex}.entete{color:#fff;text-align:center;background:linear-gradient(135deg,#102b49,#071526);border-bottom:5px solid #c62828;padding:45px 20px}.logo{font-size:52px}.entete h1{letter-spacing:3px;margin:10px 0;font-size:48px}.entete p{letter-spacing:1px;font-weight:700}.sous-titre{color:#cbd5e1;font-size:14px}.contenu{flex:1;width:min(1100px,92%);margin:35px auto}.contenu h2{color:#102b49}.bienvenue{color:#64748b;margin-bottom:25px}.grille{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.carte{text-align:center;background:#fff;border-top:4px solid #c62828;border-radius:12px;padding:25px 18px;box-shadow:0 4px 15px #00000012}.icone{font-size:38px}.carte h3{color:#102b49;margin:15px 0 8px}.carte p{color:#64748b;font-size:14px}footer{color:#fff;text-align:center;background:#102b49;padding:18px}@media (width<=900px){.grille{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grille{grid-template-columns:1fr}.entete h1{font-size:36px}}.application{background-image:url(/fond-usar12.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}
