@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}header{flex-direction:row;justify-content:space-between;align-items:center;max-height:100%;padding:10px;font-family:Inter,sans-serif;font-size:12px;display:flex;position:relative}.logo{max-width:100px}.nav-li{cursor:pointer;margin-right:15px;list-style:none;display:inline-block}.nav-ul{margin-right:5px;display:inline}.login-btn{cursor:pointer;border-radius:10px;margin-right:5px;padding:10px;text-decoration:none;transition:all .3s}.btn{color:#fff;text-align:center;cursor:pointer;background-color:#4f46e5;border:1px solid #4f46e5;border-radius:10px;width:100%;margin-bottom:10px;margin-right:5px;padding:10px;text-decoration:none;transition:all .3s}.btn:hover{background-color:#4338ca;border:1px solid #4338ca}.login-btn:hover{background-color:#ece3e3}.nav-li{cursor:pointer;padding:8px 12px;list-style:none;display:inline-block;position:relative}.nav-li:after{content:"";background-color:#4f46e5;width:0%;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:0;left:0}.nav-li:hover:after{width:100%}.container{display:none}.desktop-screen{align-items:center;display:flex}.hero-container{background-color:#ece3e3;flex-direction:column;width:100%;padding:10px 50px;display:flex}.h1-section{max-width:700px;font-size:45px;font-weight:500;display:block}.h1-section span{color:#4338ca}.hero-p{max-width:300px;margin-bottom:20px}.hero-image{max-width:300px}.section-row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.hero-container{justify-content:space-between;align-items:center;display:flex}.feature-container{cursor:pointer;border-radius:20px;flex-direction:column;gap:10px;max-width:300px;margin:10px;padding:40px;transition:all .3s;display:flex;box-shadow:10px 10px 15px -10px #000}.feature-container:hover{transform:translateY(-10px)}.feature-container img{border:1px solid #4338ca;border-radius:10px;max-width:100%;margin-bottom:10px}.feature-container h4{text-decoration:underline}.feature-container p{font-size:12px}.feature-container a{color:#4338ca;font-size:12px}.wrapper{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.ft{text-align:center;margin-top:30px 0;justify-content:center;align-items:center;font-size:25px;font-weight:500;text-decoration:underline;display:flex}.col2{flex-direction:row;justify-content:space-around;margin:10px 0;display:flex}footer{background-color:#e0d7d7;flex-direction:column;padding:0 30px;display:flex}.col3{flex-direction:row;justify-content:space-around;display:flex}.col3 p{margin-bottom:10px;font-weight:700}.col3 li{cursor:pointer;margin-bottom:10px;font-size:12px;list-style:none}.col3 li:hover{text-decoration:underline}select{cursor:pointer;background-color:#0000;border:1px solid #4f46e5;border-radius:10px;padding:5px}.email{flex-direction:row;justify-content:center;margin:20px;display:flex}.feature-section{padding:20px 0}.form-container{background-color:#e0d7d7;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}form{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;box-shadow:0 0 30px -10px #000}form p{font-size:12px}form a{margin-bottom:10px;font-size:12px;text-decoration:none}form h3{margin-bottom:10px}input{border:1px solid #4f46e5;border-radius:5px;width:100%;margin:5px;padding:10px;font-family:Inter,sans-serif;font-size:12px}aside{background-color:#e0d7d7;width:180px;height:100vh;display:flex;position:absolute;top:50px;bottom:0;left:0}aside li{cursor:pointer;border-radius:10px;justify-content:flex-start;align-items:center;width:100%;margin:10px;padding:10px;font-size:12px;transition:all .3s;display:flex}aside li:hover{color:#fff;background-color:#4f46e5}@media (width<=899px){.desktop-screen{display:none}.container{background-color:#fff;flex-direction:column;gap:10px;padding-bottom:15px;padding-left:10px;display:flex;position:absolute;top:50px;right:0}.small-screen-nav-ul{flex-direction:column;margin-bottom:10px;display:flex}.small-screen-nav-li{cursor:pointer;margin-bottom:10px;list-style:none}.login-btn{border:1px solid #000;border-radius:10px;margin-right:5px;padding:10px;transition:all .3s}.btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:1px solid #4f46e5;border-radius:10px;margin-right:5px;padding:10px;transition:all .3s}.btn:hover{background-color:#4338ca;border:1px solid #4338ca}.login-btn:hover{background-color:#e0d7d7}.small-screen-nav-li{cursor:pointer;padding:8px 12px;list-style:none;display:inline-block;position:relative}.small-screen-nav-li:after{content:"";background-color:#4f46e5;width:0%;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:0;left:0}.small-screen-nav-li:hover:after{width:100%}.section-row{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.section-row section{padding:15px 0}.hero-container,.col3{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.log-out-btn{display:none}aside{background-color:#e0d7d7;justify-content:center;align-items:center;width:100%;max-height:50px;display:flex;position:fixed;top:auto;bottom:0;right:0}aside ul{flex-direction:row;justify-content:flex-start;display:flex}}