@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--vert:#00853f;--jaune:#fdef42;--rouge:#e31b23;--noir:#0a0a0a;--creme:#fff8e7;--vert-clair:#e8f5ee}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg,var(--creme));color:var(--text,var(--noir));font-family:DM Sans,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3{font-family:Playfair Display,serif}.btn-vert{background-color:var(--vert);color:#fff;border-radius:50px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-vert:hover{background-color:#006830;transform:translateY(-3px);box-shadow:0 8px 20px #00853f66}.btn-jaune{background-color:var(--jaune);color:var(--noir);border-radius:50px;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-jaune:hover{transform:translateY(-3px);box-shadow:0 8px 20px #fdef4280}.card{background:var(--card,white);box-shadow:0 4px 20px var(--shadow,#0000000f);border-radius:20px;padding:28px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 50px #00000026}.badge{border-radius:50px;padding:4px 16px;font-size:.8rem;font-weight:600;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(1deg)}66%{transform:translateY(-6px)rotate(-1deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes particle{0%{opacity:1;transform:translateY(0)translate(0)scale(1)}to{opacity:0;transform:translateY(-100px)translate(50px)scale(0)}}.animate-fadeInUp{animation:.8s forwards fadeInUp}.animate-fadeInUp-delay1{animation:.8s .2s both fadeInUp}.animate-fadeInUp-delay2{animation:.8s .4s both fadeInUp}.animate-fadeInUp-delay3{animation:.8s .6s both fadeInUp}.animate-fadeInLeft{animation:.8s forwards fadeInLeft}.animate-fadeInRight{animation:.8s forwards fadeInRight}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-slow{animation:3s ease-in-out infinite pulse}.animate-bounceIn{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}.animate-rotateIn{animation:.6s forwards rotateIn}.card-3d{background:var(--card,white);box-shadow:0 4px 20px var(--shadow,#00000014);transform-style:preserve-3d;perspective:1000px;cursor:pointer;border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-3d:hover{transform:perspective(1000px)rotateX(-5deg)rotateY(5deg)translateY(-10px)scale(1.03);box-shadow:20px 30px 60px #0003,-5px -5px 20px #fffc}.gradient-animated{background:linear-gradient(270deg,#00853f,#fdef42,#e31b23,#00853f) 0 0/300% 300%;animation:6s infinite gradientShift}.text-shimmer{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00853f 0%,#fdef42 50%,#00853f 100%) 0 0/200%;-webkit-background-clip:text;animation:3s linear infinite shimmer}.btn-glow{background:var(--vert);color:#fff;border-radius:50px;padding:13px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 0 15px #00853f66}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 30px #00853fb3,0 0 60px #00853f4d}.btn-glow-yellow{background:var(--jaune);color:var(--noir);border-radius:50px;padding:13px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 15px #fdef4280}.btn-glow-yellow:hover{transform:translateY(-3px);box-shadow:0 0 30px #fdef42cc,0 0 60px #fdef424d}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.particle{pointer-events:none;border-radius:50%;animation:3s ease-in-out infinite particle;position:absolute}[data-theme=light]{--bg:#fff8e7;--bg2:#fff;--bg3:#f0f0f0;--text:#1a1a1a;--text2:#444;--text3:#666;--border:#e5e5e5;--card:#fff;--shadow:#00000014;--header-bg:#fffffff7}[data-theme=dark]{--bg:#0a0f0d;--bg2:#111a14;--bg3:#1a2a1f;--text:#f0f0f0;--text2:#ccc;--text3:#aaa;--border:#2a3a2f;--card:#111a14;--shadow:#0000004d;--header-bg:#0a0f0df7}[data-theme=dark] body{background-color:var(--bg)!important;color:var(--text)!important}[data-theme=dark] header{background-color:var(--header-bg)!important;border-bottom-color:#00a84f4d!important}[data-theme=dark] .nav-link{color:#aaa!important}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:#00a84f!important;background:#00a84f14!important}[data-theme=dark] .real-card{background:var(--card)!important;box-shadow:0 4px 20px var(--shadow)!important}[data-theme=dark] .real-card h3{color:var(--text)!important}[data-theme=dark] .real-card p{color:var(--text3)!important}[data-theme=dark] .card-3d{background:var(--card)!important;box-shadow:0 4px 20px var(--shadow)!important}[data-theme=dark] .card-3d h3{color:var(--text)!important}[data-theme=dark] .card-3d p{color:var(--text3)!important}[data-theme=dark] footer{background:#050a07!important}[data-theme=dark] section{background:var(--bg)!important}[data-theme=dark] h2,[data-theme=dark] h3{color:#00a84f!important}[data-theme=dark] p{color:var(--text3)!important}.theme-toggle{cursor:pointer;color:var(--text,#444);background:0 0;border:1px solid #00853f4d;border-radius:50px;align-items:center;gap:5px;padding:5px 10px;font-size:.9rem;transition:all .3s;display:flex}.theme-toggle:hover{background:#00853f14;border-color:#00853f;transform:scale(1.05)}*,:before,:after{transition:background-color .3s,color .2s,border-color .3s}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
