:root{--color-primary:#f97316;--color-secondary:#fbbf24;--color-accent:#10b981;--color-background:#fff8f1;--color-surface:#fff;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-error:#ef4444;--color-logo:#ff3131}section{padding:4rem 2rem}h1,h2,h4,p{margin-bottom:1rem}.video-banner{height:90vh;overflow:hidden;position:relative;width:100%}.video-bg{filter:saturate(.7) brightness(.8);object-fit:cover;z-index:1}.video-banner:before,.video-bg{height:100%;left:0;position:absolute;top:0;width:100%}.video-banner:before{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.4));content:"";z-index:1.5}.giantlogo{align-items:center;color:#fff;display:flex;flex-direction:column;left:50%;margin:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.slogan{border-radius:8px;color:#fff;font-size:2.1rem;font-weight:700;letter-spacing:1px;line-height:1.2;margin-top:20px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.3);transition:all .3s ease}.slogan:hover{text-shadow:0 4px 8px rgba(0,0,0,.8),0 8px 16px rgba(0,0,0,.3);transform:translateY(-2px)}@media (max-width:1024px){.video-banner,section.giantlogo{display:none!important}}@media (min-width:769px){.mobile-hero{background:linear-gradient(135deg,#ff6b35,#f7931e);display:none;padding:60px 20px;text-align:center}}.btn{background-color:#fff;border:2px solid #f60;border-radius:8px;color:#f60;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-orange,.btn:hover{background-color:#f60;color:#fff}.btn-orange:hover{background-color:#e65500}.btn-primary{background-color:var(--color-primary);border:2px solid var(--color-primary);color:#fff}.btn-primary:hover{background-color:#e65500;border-color:#e65500}.recette-actions{display:flex;gap:20px;justify-content:center;margin-top:20px}.recipes-community{background-color:#fff8f2;padding:60px 0}.recipes-community h2{border:3px dotted var(--color-logo);color:var(--color-logo);font-size:2.5rem;margin:0 auto 30px;padding:20px 40px;text-align:center;width:fit-content}.recipes-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);justify-items:center;margin:0 auto;max-width:1400px;padding:0 20px}@media (max-width:1400px){.recipes-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}}@media (max-width:1000px){.recipes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media (max-width:650px){.recipes-grid{grid-template-columns:1fr;grid-template-rows:auto}}.recipe-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;margin:0;max-width:320px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.recipe-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.recipe-image{height:200px;overflow:hidden;position:relative}.recipe-image img{display:block;height:100%;object-fit:cover;width:100%}.recipe-placeholder{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.recipe-content{padding:20px;text-align:center}.recipe-content h3{color:#333;font-size:1.3rem;margin:0 0 10px}.recipe-meta{align-items:center;color:#888;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.no-recipes,.propose-recipe{padding:60px 20px;text-align:center}.propose-recipe{background:#ffe5cc;color:#333}.propose-recipe .container{margin:0 auto;max-width:800px}.propose-recipe h2{font-size:clamp(24px,4vw,36px);margin-bottom:2rem}.propose-recipe h2:after{border-bottom:3px dotted var(--color-logo);border-radius:2px;content:"";display:block;height:3px;margin:8px auto 0;width:620px}.propose-recipe .btn{margin-top:1rem}.fonctionnement-section{background-color:#fff8f2;display:flex;flex-direction:column;gap:2rem;padding:60px 20px;text-align:center}.fonctionnement-section h2{font-size:clamp(1.75rem,2.3vw,2.125rem);line-height:1.2;margin:0 auto}.fonctionnement-section h2:after{border-bottom:3px dotted var(--color-logo);border-radius:2px;content:"";display:block;height:3px;margin:8px auto 0;width:330px}.cards-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.card-recette{align-items:center;background:#fff;border:2px solid var(--color-logo,#ff3b30);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:0 auto;max-width:400px;overflow:hidden;padding:24px 20px 32px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.card-recette:hover{box-shadow:0 8px 30px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.card-recette:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.card-recette:hover:before{left:100%}.card-title{background:linear-gradient(135deg,#333,#666);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(24px,4.5vw,36px);font-weight:700;letter-spacing:.5px;line-height:1.2;margin:8px 0 12px;text-align:center}.card-title .red{background:linear-gradient(135deg,#ff3b30,#ff6b5a);background-clip:text;-webkit-background-clip:text;color:transparent}.card-title .orange{background:linear-gradient(135deg,#ff9f0a,#ffb340);background-clip:text;-webkit-background-clip:text;color:transparent}.card-text{color:#555;font-size:clamp(15px,2.2vw,17px);line-height:1.6;margin:0 auto 12px;max-width:340px;text-align:center}.exemple{border-radius:50%;height:200px;margin-bottom:15px;object-fit:cover;width:200px}@media (max-width:768px){.slogan{font-size:1.6rem;padding:12px 20px}.recette-actions{align-items:center;flex-direction:column;gap:10px}.btn{max-width:250px;width:100%}}@media (max-width:420px){.card-recette{border-radius:22px;border-width:3px;padding:26px 18px 32px}.propose-recipe h2:after{max-width:300px;width:90%}}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}