@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:#f5f5f5;color:#393939;line-height:1.5;overflow-x:hidden}.securite-container{max-width:1280px;margin:0 auto;padding:3rem 1.5rem}h1,h2,h3{font-weight:700;letter-spacing:-0.02em}h1{font-size:2.6rem;line-height:1.2;background:linear-gradient(135deg,#040293 0%,#393939 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;animation:fadeInUp 0.8s ease-out}h2{font-size:1.9rem;margin-bottom:1rem;color:#040293;position:relative;display:inline-block}h2:after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:#FC6701;border-radius:4px;transition:width 0.3s ease}h2:hover:after{width:100%}.section-subtitle{font-size:1.2rem;color:#393939;margin-bottom:2.5rem;font-weight:400}.btn{display:inline-flex;align-items:center;gap:0.6rem;padding:0.9rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s cubic-bezier(0.2,0.9,0.4,1.1);font-size:1rem;background:#040293;color:white;box-shadow:0 8px 18px rgba(4,2,147,0.25)}.btn:hover{background:#FC6701;transform:translateY(-5px) scale(1.02);box-shadow:0 14px 28px rgba(252,103,1,0.35)}.btn-outline{background:transparent;border:2px solid #040293;color:#040293}.btn-outline:hover{background:#040293;color:white;transform:translateY(-5px)}.grid-securite{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0 3rem}.service-card{background:white;border-radius:1.5rem;padding:1.8rem;transition:all 0.4s cubic-bezier(0.2,0.9,0.4,1.1);border:1px solid #e0e0e0;box-shadow:0 5px 12px rgba(0,0,0,0.02);text-align:center;opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease,box-shadow 0.3s ease}.service-card.visible{opacity:1;transform:translateY(0)}.service-card:hover{transform:translateY(-10px) scale(1.02);border-color:#FC6701;box-shadow:0 25px 35px -12px rgba(0,0,0,0.15)}.service-icon{font-size:2.2rem;background:#f0f0f0;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:40px;margin:0 auto 1.5rem;color:#FC6701;transition:transform 0.3s ease,background 0.3s}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);background:#FFE8D6}.service-card h3{font-size:1.5rem;margin-bottom:0.75rem;color:#040293}.roomalert-card{background:white;border-radius:1.5rem;padding:2rem;margin:2rem 0;border:1px solid #e0e0e0;transition:all 0.4s cubic-bezier(0.2,0.9,0.4,1.1);opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease,box-shadow 0.3s}.roomalert-card.visible{opacity:1;transform:translateY(0)}.roomalert-card:hover{transform:translateY(-8px);border-color:#FC6701;box-shadow:0 20px 30px -12px rgba(0,0,0,0.1)}.feature-list{list-style:none;margin:1rem 0 0 0;padding:0}.feature-list li{margin-bottom:0.5rem;display:flex;align-items:center;gap:0.6rem}.feature-list li i{color:#FC6701;font-size:0.9rem;width:1.2rem;transition:transform 0.2s}.roomalert-card:hover .feature-list li i{transform:translateX(3px)}.engagement-secu{background:linear-gradient(110deg,#040293 0%,#040293cc 100%);border-radius:2rem;padding:2.5rem 2rem;margin:2rem 0 2rem;color:white;text-align:center;opacity:0;transform:scale(0.98);transition:opacity 0.6s ease,transform 0.6s ease}.engagement-secu.visible{opacity:1;transform:scale(1)}.engagement-secu h3{font-size:1.8rem;margin-bottom:1rem}.badge-afrique{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);padding:0.5rem 1.2rem;border-radius:40px;font-size:0.85rem;font-weight:600;margin-top:1.5rem}.footer-note{text-align:center;font-size:0.8rem;color:#6b6b6b;margin-top:3rem;animation:fadeInUp 0.8s ease-out 0.3s forwards;opacity:0}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.hero-text,.btn-group{animation:fadeInUp 0.6s ease-out}.roomalert-card .btn{margin:0.5rem}@media (max-width:800px){.securite-container{padding:1.8rem 1.2rem}h1{font-size:2rem}h2:after{left:50%;transform:translateX(-50%)}h2{display:block;text-align:center}.section-subtitle{text-align:center}.roomalert-card .btn{width:100%;justify-content:center}}