@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap";.searchbar-wrapper{max-width:1000px;margin:0 auto 32px;padding:0 20px;display:flex;flex-direction:column;align-items:flex-end}form{display:flex;align-items:flex-end;gap:16px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;box-sizing:border-box;width:100%;font-family:Arial,Helvetica,sans-serif}.animalType,#localisation{display:flex;flex-direction:column;gap:15px;flex:1 1 0}.type p,#localisation label{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;white-space:nowrap}#localisation input{padding:12px 16px;font-size:16px;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;transition:border-color .2s ease;width:80%;box-sizing:border-box}#localisation input::placeholder{color:#9ca3af}#localisation input:hover{border-color:#9ca3af}#localisation input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}#animalTypes{padding:12px 40px 12px 16px;font-size:16px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:#1a1a1a;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;transition:border-color .2s ease;width:70%;box-sizing:border-box}#animalTypes:hover{border-color:#9ca3af}#animalTypes:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.animalType label{font-size:16px;font-weight:600;margin:0;white-space:nowrap}.searchButton{padding:12px 32px;font-size:15px;font-weight:600;color:#fff;background-color:#2d3748;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;height:fit-content;flex-shrink:0}.searchButton:hover{background-color:#1a202c}.searchButton:active{transform:scale(.98)}.initButton{background:none;border:none;color:#059669;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease;display:block;align-self:flex-end}.initButton:hover{color:#047857}@media(max-width:768px){.searchbar-wrapper{align-items:stretch}form{flex-direction:column;align-items:stretch;padding:20px}.searchButton{width:100%}.initButton{align-self:flex-start}}@font-face{font-family:Roboto;src:url(/assets/Roboto-VariableFont_wdth_wght-WOy3sDCz.ttf)}@font-face{font-family:Amatic;src:url(/assets/AmaticSC-Regular-CCetldNi.ttf)}:root{--title-color: #484848;--description-color: #5d5d5d}.hero{padding:8rem 6rem;min-height:60vh;background-image:linear-gradient(#0009,#000c),url(../images/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;text-align:center;color:#fff;font-family:Amatic;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:4rem;font-weight:700;margin:0 0 1rem;text-shadow:3px 3px 6px rgba(0,0,0,.9)}.grid-titles{margin-bottom:50px;font-family:Amatic;font-size:3rem;font-weight:700;color:var(--title-color)}.grid-descriptions{margin:auto auto 50px;font-family:Roboto;font-weight:500;font-size:.9rem;color:var(--description-color);max-width:40vw}.hero p{font-size:1.8rem;font-weight:400;max-width:600px;margin:0 auto 2rem;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.animal-preview{display:flex;gap:1rem;margin-top:1rem}.card{padding:1rem;border:2px solid #ddd;border-radius:10px;background:#f9f9f9;width:120px;text-align:center;cursor:pointer;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.cta-button{display:inline-block;margin-top:2rem;padding:1.2rem 3rem;background:linear-gradient(135deg,#7a78ff,#4a45ff);color:#fff;text-decoration:none;font-family:Amatic SC,cursive;font-size:1.8rem;font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #7a78ff66;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.cta-button:hover{background:linear-gradient(135deg,#4a45ff,#2a25ff);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #7a78ff99}.cta-button:active{transform:translateY(-1px)}.animals-section{max-width:1000px;margin:4rem auto;text-align:center;padding:0 1rem}.animals-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,160px);gap:1rem}.animal-item{position:relative;border-radius:18px;overflow:hidden}.animal-item img{width:100%;height:100%;object-fit:cover}.animal-item--tall{grid-row:span 2}.see-all{display:inline-block;margin-top:3rem;padding:1rem 1.1rem;background:#333;font-family:Roboto;font-size:.8rem;color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease;will-change:contents}.see-all:hover{transform:translateY(-2px)}.how-it-works{padding:4rem 2rem;text-align:center;background:#fafafa}.subtitle{color:#666;margin-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.step-card{background:#fff;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 10px 25px #0000000d}.step-card .icon{font-size:2rem;display:block;margin-bottom:1rem}.step-card h3{font-size:1.1rem;margin-bottom:.5rem}.step-card p{font-size:.9rem;color:#555}.call-to-action{padding:4rem 2rem;text-align:center;background:#fff}.call-to-action p{color:#666}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{padding:.8rem 1.8rem;border-radius:999px;border:none;font-family:Roboto;font-size:.95rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px);opacity:.9}.btn.primary{background:#222;color:#fff}.btn.danger{background:#e74c3c;color:#fff}.btn.success{background:#27ae60;color:#fff}.step-card,.title-steps{font-family:Roboto}.title-steps{margin:auto;width:150px;color:#222;text-align:center;line-height:1.8rem}@media(max-width:768px){.animals-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.animal-item--tall{grid-row:span 1}}#root{--logo-color-theme: #ff6d39;--don-color-theme: #e74b3c;--bg-color: #fffaf7}#header-container{background-color:var(--bg-color);display:flex;justify-content:space-between;align-items:center;padding:20px 40px;font-family:Roboto}#adaopte-logo{font-size:1.3rem}#adaopte-style{text-decoration:none;text-transform:capitalize;font-weight:600;font-size:1.3rem}#ada-style{color:#000}#opte-style{color:var(--logo-color-theme)}#header-nav{display:flex;gap:15px;font-size:.9rem;font-weight:700}.icon-container{text-decoration:none;color:#000;display:flex;align-items:center;cursor:pointer}#faire-un-don-button{color:#fff;background-color:var(--don-color-theme);width:fit-content;padding:10px 20px;border-radius:50px;font-size:.9rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease}#faire-un-don-button:hover{transform:translateY(-2px);opacity:.9}#handheart-icon{font-size:13px}.footerCard{background-color:#333;color:#fff;padding:5px;font-family:Roboto}#logo{display:flex;align-items:center;font-size:20px;gap:20px;border-radius:50%}.icon-circle{width:35px;height:35px;background-color:#4a4a4a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.icon-circle:hover{background-color:#5a5a5a;transform:translateY(-3px)}.icon-circle svg{width:20px;height:20px;color:#fff}#Adaopte{display:grid;grid-auto-flow:row;align-items:center;justify-content:center;width:300px}#Contact{display:flex;justify-content:space-between;gap:5px;align-items:center;justify-content:center;padding-top:5px;padding-right:25px}h3{color:#ec6b3c;font-family:Bebas Neue;font-size:12px;text-align:justify;font-family:Amatic SC;font-size:x-large}p{font-size:12px;padding:5px}h4{font-size:11px}#TopBloc{display:flex;justify-content:space-evenly;padding-top:40px;padding-right:100px;padding-bottom:40px}#BottomBloc{background-color:#333;text-align:center;color:#b7b5b5;gap:20px;padding-top:30px;padding-bottom:20px}a{font-size:small;color:#b7b5b5}#InfoUtiles{color:#b7b5b5}hr{border:1px solid #4a4a4a}.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:20px;justify-items:center}.animal-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:350px;display:flex;flex-direction:column}.animal-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.image-container{width:100%;height:250px;overflow:hidden}.animal-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.animal-card:hover .animal-image{transform:scale(1.1)}.animal-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.animal-name{font-size:1.6rem;color:#333;margin:0 0 10px;font-weight:700;text-transform:capitalize}.animal-info{font-size:.95rem;color:#555;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.animal-info p{margin:5px 0}.animal-info strong{color:#ff6b6b}.animal-description{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:20px;flex-grow:1}.animal-button{background-color:#ff6b6b;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease;width:100%;font-size:1rem}.animal-button:hover{background-color:#ee5253}h1{font-family:Poppins,sans-serif;color:#2d3436;margin-top:40px}@media(max-width:480px){.container{grid-template-columns:1fr;padding:10px}}.benevole{max-width:1100px;margin:0 auto;padding:4rem 2rem}.benevole section{margin-bottom:3rem}.benevole-hero{text-align:center;margin-bottom:4rem}.benevole h1,.benevole h2{margin-bottom:1rem}.benevole h2{margin-top:2.5rem}.benevole-hero p{max-width:700px;margin:0 auto;color:#555}.benevole-why ul{margin-top:1.2rem;padding-left:1.2rem}.benevole p,.benevole li{line-height:1.65;font-size:1rem}.benevole-hero p{line-height:1.7;font-size:1.05rem}.benevole-why,.benevole-how{margin-top:3rem}.benevole-why li{margin-bottom:.8rem}.benevole-cta{text-align:center;margin-top:2rem}.benevole-note{margin-top:1.5rem;padding:1rem 1.5rem;background:#f6f7f8;border-left:4px solid #27ae60;border-radius:8px;font-style:italic;color:#555;max-width:700px}.benevole-form{margin:2.5rem auto 0;display:flex;flex-direction:column;gap:1rem;max-width:420px;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000000f}.benevole-form label{display:flex;flex-direction:column;font-size:.9rem;color:#333}.benevole-form input,.benevole-form textarea{margin-top:.4rem;padding:.7rem .8rem;border-radius:8px;border:1px solid #ccc;font-size:.95rem;font-family:inherit}.benevole-form textarea{min-height:100px;resize:vertical}@media(max-width:768px){.benevole{padding:3rem 1.5rem}.benevole-hero h1{font-size:2rem}.benevole-form{padding:1.5rem}}*{margin:0;padding:0}