@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{background:var(--color-bg)}.gradient__bg{background:radial-gradient(circle at 3% 25%,rgba(0,40,83,1) 0%,rgba(4,12,24,1) 100%)}.gradient__text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-background-clop:text;-webkit-text-fill-color:transparent}.section__padding{padding:4rem 6rem}.section__margin{margin:4rem 6rem}.primary-button{padding:.5rem 1rem;color:#fff;background:#bb0fde;font-family:var(--font-family);font-weight:500;font-size:18px;line-height:23px;border-radius:5px;border:0;outline:none;cursor:pointer}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}a{color:unset;text-decoration:none}.bgDim{background:rgb(99,17,99)}.btns{display:flex;gap:20px}.btns .add-btn,.btns .show-btn{flex:1}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:700px){.section__padding{padding:4rem}.section__margin{margin:4rem}}@media screen and (max-width:550px){.section__padding{padding:4rem 2rem}.section__margin{margin:4rem 2rem}}@media screen and (min-width:1000px){#container{width:50%}}.note__navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 6rem;background:rgba(94,34,106,.1);box-shadow:1px 0 100px #5e226ae6}.note__navbar-links{flex:1;display:flex;justify-content:flex-start;align-items:center}.logo{color:#fff;font-size:1.5rem;margin-right:1.9rem;font-family:var(--font-family)}.note__navbar-links_logo img{width:62px;height:28px;object-fit:contain}.links{overflow:hidden;position:relative;display:inline-block}.links:before,.links:after{content:"";position:absolute;width:100%;left:0}.links:before{background-color:violet;height:2px;bottom:0;transform-origin:100% 50%;transform:scaleX(0);transition:transform .3s cubic-bezier(.76,0,.24,1)}.links:after{content:attr(data-replace);height:100%;top:0;transform-origin:100% 50%;transform:translate3d(200%,0,0);transition:transform .3s cubic-bezier(.76,0,.24,1);color:#54b3d6}.links:hover:before{transform-origin:0% 50%;transform:scaleX(1)}.links:hover:after{transform:translateZ(0)}.links span{display:inline-block;transition:transform .3s cubic-bezier(.76,0,.24,1)}.links:hover span{transform:translate3d(-200%,0,0)}.links:hover{color:#f0f}.note__navbar-links_container{display:flex;flex-direction:row}.note__navbar-sign{display:flex;justify-content:flex-end;align-items:center}.note__navbar-links_container p,.note__navbar-sign p,.note__navbar-menu_container p{color:#fff;font-family:var(--font-family);font-weight:500;font-size:18px;line-height:25px;text-transform:capitalize;margin:0 1rem;cursor:pointer}.note__navbar-sign button,.note__navbar-menu_container button{padding:.5rem 1rem;color:#fff;background:#bb0fde;font-family:var(--font-family);font-weight:500;font-size:18px;line-height:23px;border-radius:5px;border:0;outline:none;cursor:pointer}.note__navbar-menu{margin-left:1rem;display:none;position:relative}.note__navbar-menu svg{cursor:pointer}.note__navbar-menu_container{display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;z-index:10;text-align:end;background:var(--color-footer);padding:2rem;position:absolute;top:40px;right:0;margin-top:1rem;min-width:210px;border-radius:5px;box-shadow:1 0 5 #d307c263}.note__navbar-menu_container p{margin:1rem 0}.note__navbar-menu_container-links-sign{display:none}.note__navbar-profile{display:flex;justify-content:end;width:5%}.note__navbar-profile_circle{border:1px solid white;border-radius:50%;width:41px;outline:10px;height:41px;overflow:hidden;cursor:pointer;background:#bb0fde}.note__navbar-profile_circle img{width:100%;object-fit:cover}@media screen and (max-width:1050px){.note__navbar-links_container{display:none}.note__navbar-menu{display:flex}}@media screen and (max-width:700px){.note__navbar{padding:2rem 4rem}.note__navbar-links_logo h3{font-size:18px}}@media screen and (max-width:550px){.note__navbar{padding:2rem}.note__navbar-sign{display:none}.note__navbar-menu_container{top:20px}.note__navbar-menu_container-links-sign{display:block}}.app__login{display:flex;justify-content:center;align-items:center;background:url(../../assets/img.jpg) no-repeat;background-position:center;background-size:cover}.app__login-container{background:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:10px;box-shadow:1px 1px 5px violet;width:420px;padding:30px 40px}.app__login-container h3{text-align:center;color:#fff}.inputs #email,.inputs #password{width:100%;height:5.5vh;border-radius:40px;border:1px solid #fff;outline:none;padding:20px;color:#fff;font-size:15px;background:transparent}.signUpLink p{text-align:center;margin-top:10px;color:#fff}.signUpLink p .link{text-decoration:none;color:#fff}.signUpLink b{cursor:pointer;font-weight:500;color:violet}.signUpLink b:hover{text-decoration:underline}@media screen and (max-width:390px){.signUpLink p{font-size:15px}}.app__signup{display:flex;justify-content:center;align-items:center;background:url(../../assets/img.jpg) no-repeat;background-position:center;background-size:cover}.app__signup-container{background:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:10px;box-shadow:1px 1px 5px violet;width:420px;padding:30px 40px}.app__signup-container h3{text-align:center;color:#fff}.inputs{margin:30px 0!important;position:relative}.inputs input{width:100%;height:5.5vh;border-radius:40px;border:1px solid #fff;outline:none;padding:20px;color:#fff;font-size:15px;background:transparent}::placeholder{color:gray!important}.showPass label{margin-bottom:9px;color:#fff}.showPass label input{margin-right:5px}.btn{width:100%;height:50px}.btn button{border:none;outline:none;width:100%;height:100%;border-radius:40px;font-size:15px;font-weight:500;background:blueviolet;color:#fff;cursor:pointer}.loginLink p{text-align:center;margin-top:10px;color:#fff}.loginLink p .link{text-decoration:none;color:#fff}.loginLink b{cursor:pointer;font-weight:500;color:violet}.loginLink b:hover{text-decoration:underline}@media screen and (max-width:390px){.loginLink p{font-size:15px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--font-family: "Manrope", sans-serif;--gradient-text: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%);--gradient-bar: linear-gradient(103.22deg, #AE67FA -13.86%, #F49867 99.55%);--color-bg: #040C18;--color-footer: #031B34;--color-blog: #042c54;--color-text: #81AFDD;--color-subtext: #FF8A71;--color-background: rgb(146, 38, 162)}@media only screen and (max-width: 991px) and (min-width: 767px){.media-query{width:18rem}}@media only screen and (max-width: 767px){.media-query{width:38rem;justify-content:center}}