@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}body{background-color:#000;margin:0;padding:0;background-image:linear-gradient(0deg,#000c,#000c),url(./fond-BZn1kfpC.jpg);background-position:center;background-repeat:repeat;background-size:500px;display:flex;justify-content:center;flex-direction:column;align-items:center}body,a,button{cursor:none}#custom-cursor{position:fixed;width:20px;height:20px;border:4px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out}.dot{width:4px;height:4px;background-color:#fff;border-radius:50%}.hero{height:110vh;width:100%;position:relative;overflow:clip;display:flex;align-items:center;justify-content:center;padding-top:20px}.entrer-cloud-gauche{position:absolute;right:0;z-index:10000;animation:nuage-gauche 2s ease-in-out forwards}.entrer-cloud-droite{position:absolute;left:0;z-index:10000;animation:nuage-droite 2s ease-in-out forwards}.entrer-cloud-top{position:absolute;bottom:-100;z-index:10000;animation:nuage-top 2s ease-in-out forwards}.sky-entrer{position:absolute;top:0;z-index:-1;animation:sky-entrer 2s ease-out forwards}.sky{animation:sky-down 1s linear;animation-timeline:scroll();animation-range:0vh 90vh}.sky img{width:100%}.cloud1{position:absolute;width:1000px;top:-100px;left:0;z-index:20;animation:cloud 1s linear;animation-timeline:scroll();animation-range:0vh 40vh}.cloud1 img{width:100%}.cloud2{position:absolute;width:600px;top:-10px;right:0;animation:cloud-right 1s linear;animation-timeline:scroll();animation-range:0vh 40vh;z-index:20}.cloud2 img{width:100%}.montagne-entrer{position:absolute;bottom:70px;animation:montagne-entrer 2s linear}.montagne{animation:montagne-down 1s linear;animation-timeline:scroll();animation-range:0vh 100vh}.montagne-entrer img{width:100%}.title{z-index:10;margin-bottom:200px;animation:reveal 3s linear}.title h1{font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;color:#fff;font-size:6.5rem}h2{font-size:1.3rem;font-weight:600}.sol-homme{position:absolute;bottom:0;animation:ground-up 1s linear;animation-timeline:scroll();animation-range:0vh 110vh;z-index:1999}.sol-homme img{width:100%}.backgound-noir{width:100%;height:300px;animation:ground-up 1s linear;animation-timeline:scroll();animation-range:0vh 110vh;background-image:linear-gradient(0deg,#000c,#000c),url(./fond-BZn1kfpC.jpg);background-position:center;background-repeat:repeat;background-size:500px}#particleCanvas{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:2;pointer-events:none;overflow:hidden;animation:ground-up 1s linear;animation-timeline:scroll();animation-range:0vh 110vh}#fog{position:absolute;top:-900;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;overflow:hidden;animation:ground-up 1s linear,reveal 1s linear;animation-timeline:scroll()}.test{width:100%;height:100vh;animation:ground-up 1s linear,reveal 1s linear;animation-timeline:scroll();margin-top:-200px;padding:0 200px;display:flex;align-items:flex-start;overflow:clip;gap:80px}.content-test{text-align:left;z-index:5;color:#fff;font-family:Orbitron,sans-serif;max-width:600px;padding:20px}.content-test h2{font-size:2rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:5px}.content-test p{font-size:1.2rem;line-height:1.6;opacity:.8}#graphique{background-color:#13131338;width:40%;aspect-ratio:1;z-index:99}*{font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-style:normal;color:#fff}.container{margin-top:-400px;width:90%;height:100vh;animation:reveal-classique 3s linear;animation-timeline:scroll();display:flex;justify-content:center;gap:300px;overflow:hidden;border-top:3px solid rgba(255,255,255,.507)}.lampe{position:relative;width:215px;height:1000px}.fils{position:absolute;left:50%;top:0;width:5px;height:100px;background:linear-gradient(0deg,#714d6a8e,#c184b487)}.top{position:absolute;left:50%;top:100px;width:200px;height:50px;background:#bb8f8f;border-radius:100%;transform:translate(-50%);border-top:2px solid rgb(141,39,120);z-index:10}.mid-left{position:absolute;left:0;top:125px;width:200px;height:150px;background:#bb8f8f;transform:translate(-100px);transform:skew(-5deg);box-shadow:-7px 0 20px 2px #ffffff30}.mid-right{position:absolute;right:0;top:125px;width:200px;height:150px;background:#bb8f8f;background-position:0%;transform:translate(-100px);transform:skew(5deg);box-shadow:7px 0 20px 2px #ffffff1c}.gradiant-light{position:absolute;left:50%;top:125px;transform:translate(-50%);background-image:radial-gradient(#f8f8f8,#bb8f8f 70%);background-position:top;width:200px;height:150px;z-index:100;opacity:0;transition:opacity .2s}.bot{position:absolute;left:50%;top:250px;width:230px;height:50px;border-radius:100%;transform:translate(-50%);z-index:1000;background-color:#180b16;transition:background-color .2s;border-top:2px solid #5c3754}.light{position:absolute;left:50%;top:325px;width:500px;height:1000px;background:linear-gradient(180deg,#f7f7f77e,#0000,#0000);filter:blur(40px);border-radius:190%;transform:translate(-50%);z-index:1000;opacity:0;pointer-events:none}.text-espoir{position:absolute;left:50%;top:400px;color:#fff;transform:translate(-50%);z-index:999;text-align:center;font-size:2rem;width:300px;opacity:0;font-weight:400}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-runnable-track{background:#ddd;height:8px;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:15px;width:15px;background:#f8f8f8;border-radius:50%;cursor:pointer;margin-top:-4px;border:1px solid #ccc}.bouton{background:#141414;box-shadow:0 0 40px 3px #ffffff36;height:50px;padding:40px 60px;display:flex;align-items:center;gap:20px}.bouton img{width:40px}.title2{color:#fff;font-size:6rem;font-weight:800}.gauche-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:80px}header{display:flex;justify-content:flex-start;align-items:center;gap:60px;padding:30px 100px;font-size:1.3rem;position:absolute;top:0;z-index:9999;width:100%}.bouton-white{background:#fff;color:#000;margin-top:50px;padding:10px 40px;border-radius:999px;transition:.5s}.bouton-white:hover{background:#000;border:1px solid white;color:#fff;transform:translateY(-5px)}@keyframes reveal{0%{opacity:0}20%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes reveal-classique{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes cloud{0%{transform:translate(50px)}to{transform:translate(-500px)}}@keyframes cloud-right{0%{transform:translate(-100px)}to{transform:translate(300px)}}@keyframes ground-up{0%{transform:translateY(0)}to{transform:translateY(-300px)}}@keyframes montagne-down{0%{transform:translateY(0)}to{transform:translateY(300px)}}@keyframes sky-down{0%{transform:translateY(-250px)}to{transform:translateY(750px)}}@keyframes sky-entrer{0%{filter:blur(5);transform:translateY(250px)}to{filter:blur(0);transform:translateY(0)}}@keyframes montagne-entrer{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes title-scale{0%{color:#000;transform:scale(.01)}to{color:#fff;transform:scale(1)}}@keyframes nuage-gauche{0%{transform:translate(0);opacity:1}to{transform:translate(-2000px);opacity:0}}@keyframes nuage-droite{0%{opacity:1;transform:translate(0)}to{transform:translate(2000px);opacity:0}}@keyframes nuage-top{0%{opacity:.7;transform:translateY(0)}to{transform:translateY(-2000px);opacity:0}}