@font-face{font-family:"Kalam";src:url("./fonts/Kalam-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Kalam";src:url("./fonts/Kalam-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kalam";src:url("./fonts/Kalam-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Kalam";src:url("./fonts/Kalam-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a121c}.slide{width:100%;height:100vh;background-color:#251623;color:#fff}.nav-link{color:#000;text-decoration:none}p{font-family:"Kalam",cursive;font-size:1.8rem;font-weight:300;color:#fff;padding-left:15px;line-height:2}@media(min-width: 2000px){html{font-size:125%}}@media(min-width: 3000px){html{font-size:150%}}@media(max-width: 576px){html{font-size:93.75%}}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background-color:#131016}.sidebar-nav{position:fixed;top:0;left:0;width:80px;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:1000}.sidebar-nav .nav-list{list-style:none;display:flex;flex-direction:column;gap:2.5rem;padding:0;margin:0}.sidebar-nav .nav-link{color:#fff;font-size:1.8rem;text-decoration:none;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{color:#fff}@media(max-width: 768px){.sidebar-nav{top:auto;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:450px;height:70px;border-radius:35px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.sidebar-nav .nav-list{flex-direction:row;justify-content:space-around;width:100%;padding:0 10px}.sidebar-nav .nav-link{font-size:1.5rem;width:45px;height:45px}.sidebar-nav .nav-link.active{background-color:#fbfbfb;transform:translateY(-5px);box-shadow:0 8px 20px rgba(251,251,251,.4);border-radius:50% 50% 50% 50%}}main{margin-left:80px}@media(max-width: 768px){main{margin-left:0;margin-bottom:100px}}#presentation{padding:100px;display:flex;align-items:center;background-color:#131016}#presentation .conteneur{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 2rem;gap:2.5rem;flex-direction:row-reverse}#presentation .conteneur .pres-right{text-align:left;align-self:flex-start;margin-top:2rem}#presentation .conteneur .pres-right h1{font-size:2.8rem;margin-bottom:.5rem;color:#fff}#presentation .conteneur .pres-right h2{color:#8a2be2;font-size:3rem;font-family:"Kalam",cursive;font-weight:400}#presentation .pres-center{width:25%;text-align:center}#presentation .pres-center h2{font-size:1.4rem;color:#fff}#presentation .pres-left{width:30%;display:flex;justify-content:flex-start}#presentation .pres-left img{width:100%;max-width:320px;height:auto;object-fit:cover;border-radius:12px}.card-container{display:flex;flex-direction:column;gap:25px;width:100%;max-width:650px;margin:0 auto;padding:20px}.custom-card{background-color:#38303a;border-radius:35px;padding:30px 30px 20px 30px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px rgba(0,0,0,.15);transition:transform .3s ease}.custom-card:hover{transform:translateY(-3px)}.card-content{font-family:"Kalam",cursive;font-weight:300;color:#fff;font-size:1.2rem;line-height:1.5}.card-actions{display:flex;justify-content:flex-end;gap:18px;margin-top:15px}.btn-action{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.btn-action svg{width:24px;height:24px}.btn-like svg{stroke:#fff;transition:fill .3s ease,filter .3s ease}.btn-like.unliked svg{fill:none;stroke:#fff;stroke-width:2}.btn-share svg{stroke:#fff}.cards{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:40px 20px;width:100%;max-width:1000px;margin:0 auto}.card{width:200px;height:200px;background:none;border-radius:8px;display:flex;justify-content:center;text-align:center;align-items:center;position:relative;transition:all .15s}.card::before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;border-radius:inherit;background:radial-gradient(960px circle at 0 0, rgb(218, 36, 224), transparent 40%);opacity:0;transition:all .2s ease-in-out}.card-content{background-color:#3c2757;border-radius:inherit;transition:all .25s;height:calc(100% - 2px);width:calc(100% - 2px)}.card:hover{transform:scale(0.98)}.card:hover::before{opacity:1}h2{color:#8a2be2;font-size:3rem;font-weight:400;font-family:"Kalam",cursive;padding-bottom:20px;padding-top:10px;padding-left:15px}.contact-section{width:100%;min-height:100vh;height:auto;position:relative;padding:110px 100px;overflow:visible;background-color:#131016}.contact-section .contact-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;height:auto}.contact-section .contact-right-col{flex:1;max-width:750px;height:auto}.contact-section .contact-main-title{color:#8a2be2;font-size:3.5rem;margin:0 0 60px 0}.contact-section .contact-form{display:flex;flex-direction:column;gap:45px}.contact-section .form-row-double{display:flex;gap:50px}.contact-section .form-group{display:flex;flex-direction:column;gap:8px;flex:1;width:100%;height:auto}.contact-section .form-group label{color:#fff;font-size:1.3rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}.contact-section .form-group input,.contact-section .form-group textarea{background:rgba(0,0,0,0);border:none;border-bottom:2px solid hsla(0,0%,100%,.3);font-size:1.2rem;padding:4px 0 8px 0;outline:none;color:#fff;transition:border-color .3s ease}.contact-section .form-group input::placeholder,.contact-section .form-group textarea::placeholder{color:hsla(0,0%,100%,.4)}.contact-section .form-group input:focus,.contact-section .form-group textarea:focus{border-bottom-color:#8a2be2}.contact-section .form-group textarea{min-height:35px;height:auto;max-height:none !important;resize:vertical;overflow-y:hidden;box-sizing:border-box !important;line-height:1.4;display:block;width:100%}.contact-section .pink-star{color:#8a2be2;margin-left:4px}.contact-section .form-submit-block{margin-top:10px}.contact-section .btn-submit{background-color:#fff;color:#131016;border:none;font-size:1.1rem;font-weight:bold;padding:12px 45px;border-radius:25px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.contact-section .btn-submit:hover{background-color:#8a2be2;color:#fff}@media(max-width: 1024px){.contact-section{padding:80px 40px}.contact-section .contact-container{flex-direction:column;justify-content:center}.contact-section .form-group label{font-size:1.1rem}.contact-section .contact-main-title{font-size:3rem;text-align:center;margin:0 auto 40px auto}}@media(max-width: 768px){.contact-section{padding:60px 20px}.contact-section .contact-container{gap:40px}.contact-section .contact-right-col{width:100%}.contact-section .contact-main-title{font-size:2.2rem;margin-bottom:30px}.contact-section .form-row-double{flex-direction:column;gap:45px}}/*# sourceMappingURL=style.css.map */