@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";.hero_section,.benefits_wrapper,.illustration,.mini_roadmap_wrapper,.call_to_action{width:80vw;margin:3.5rem auto;text-align:center}.landing_header{height:8rem;padding:1.25rem clamp(.4rem,4.9861vw + -.4896rem,2rem);display:flex;align-items:center;justify-content:space-between}.landing_logo{display:flex;align-items:center;gap:.5rem;width:fit-content}.landing_logo img{max-width:20%}.landing_logo h1{font-size:clamp(1.75rem,4.9861vw + -.4896rem,3.25rem);font-weight:400}.user_options{display:flex;gap:.1rem}.user_options a{background-color:#3b82f6;color:#fff;border:none;padding:.8rem;font-size:clamp(.2rem,4.9861vw + -.4896rem,1rem);cursor:pointer;min-width:fit-content}.user_options a:hover,.a:hover{opacity:.8}.user_options a:first-child{border-radius:.4rem 0 0 .4rem}.user_options a:last-child{border-radius:0 .4rem .4rem 0}.hero_section h2,.call_to_action h2{font-size:clamp(2.25rem,4.9861vw + -.4896rem,4rem);font-style:italic;font-weight:600;color:#111827}.hero_section p{color:#6b7280;font-size:clamp(1.25rem,4.9861vw + -.4896rem,2rem);font-weight:600;width:fit-content;margin:1rem auto}.call_button{background-color:#3b82f6;padding:1rem 2rem;font-size:clamp(1rem,4.9861vw + -.4896rem,1.5rem);border-radius:.4rem;border:none;color:#fff;cursor:pointer}.benefits_wrapper h2,.mini_roadmap_wrapper h2{font-size:clamp(2.25rem,4.9861vw + -.4896rem,3rem);margin-bottom:2rem;font-weight:900}.benefits_container{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.mini_roadmap_container{height:fit-content;display:flex;flex-wrap:wrap;justify-content:center}.landing_footer{background-color:#111827;color:#fff;padding:2rem}.infos_footer{display:flex}.landing_footer a{width:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.4s ease transform}img{max-width:100%}a{text-decoration:none}button{cursor:pointer}.empty_notes_container button,.user_greetings_container button,.user_greetings_container a,.creation_menu button{padding:.8rem 1.2rem;background-color:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;border:none;border-radius:2rem;transition:.4s ease opacity}@media screen and (max-width: 618px){.empty_notes_container button,.user_greetings_container button,.user_greetings_container a,.creation_menu button{flex:1}}.empty_notes_container button:hover,.user_greetings_container a:hover,.creation_menu button:hover{opacity:.5}.landing_footer a:hover,.benefit_card:hover,.roadmap_card:hover{transform:scale(1.1)}.benefit_card{width:25rem;height:10.5rem;display:flex;background-color:#f3f4f6;box-shadow:0 4px 4px #00000040;border-radius:1.25rem;transition:.4s ease transform}.benefit_img{width:20%;border-radius:1.25rem 0 0 1.25rem;padding:1rem}.benefit_content{width:80%;text-align:start;padding:1.25rem}.benefit_content h2{font-size:1.2rem;font-weight:600;font-style:italic;color:#111827}.benefit_content p{font-size:1rem;color:#6b7280}.benefit_card img{max-height:100%;max-width:100%}.roadmap_card{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-content:center;border-radius:1.25rem;width:20rem;height:12rem;transition:.4s ease transform}.roadmap_card h2{height:0;font-weight:600;font-size:1.45rem}.roadmap_card p{font-size:6rem}.roadmap_card img{max-height:60%}.roadmap_advisor{font-weight:300;font-style:italic}.roadmap_card_header{height:40%}.roadmap_divider{height:auto;display:flex;align-items:center;gap:.8rem}.divider{height:.8rem;width:1.35rem;background-color:#d9d9d9}@media screen and (max-width: 476px){.roadmap_divider{display:block}.divider:not(:first-child){margin-top:.8rem}}.auth_page{background-color:#f8fafc;max-width:100vw;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:2rem 0}.auth_container{background-color:#fff;width:30rem;max-width:100%;min-width:20rem;height:fit-content;padding:2rem;box-shadow:0 5px 20px #0003}.auth_container h2{font-size:clamp(2.5rem,3.3241vw + 1.0069rem,3.5rem);text-align:center;font-weight:400;margin-bottom:2rem}.auth_input_wrapper{display:flex;flex-direction:column;gap:.4rem}.auth_input_wrapper:not(:first-child){margin-top:2rem}.auth_input_wrapper label{font-size:1.2rem}.auth_input_wrapper input{padding:.8rem;outline:none;border:none;background-color:#f8fafc;border-bottom:1px solid #b9b8b8}.auth_input_wrapper input:focus{border-bottom:1px solid #333}.submit_form_btn{margin:2rem auto;width:100%;padding:1rem;background-color:#3b82f6;transition:.4s ease background-color;color:#fff;border:none}.submit_form_btn:hover{background-color:#2563eb}.divider_wrapper{height:5rem;display:flex;align-items:center;justify-content:space-evenly}.divider_line{height:1px;background-color:#999;width:35%}.account_link{text-align:center}.account_link a{color:#999;text-decoration:underline}.account_link a:hover{color:#000}.auth_social_btn,.resend_btn{margin:2rem auto;width:100%;background-color:#fff;border:1px solid #d1d5db;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:.4s ease border}.auth_social_btn:hover,.resend_btn:hover{border:1px solid #333}.auth_social_btn span{font-size:1rem}.auth_social_btn img{max-width:1.5rem}.verify_email_container{min-width:22rem;max-width:100%;padding:2rem;height:16rem}.verify_email_container p{line-height:1.75rem;font-weight:400;text-align:center}.advice_message{margin:0 auto;width:40rem;max-width:90%;height:fit-content;padding:1.2rem;position:relative}.advice_message:before{content:"";position:absolute;top:0;left:0;width:.4rem;height:100%}.error{background-color:#fee2e2}.error:before{background-color:#dc2626}.success{background-color:#dcfce7}.success:before{background-color:#16a34a}.user_greetings_container{margin:2rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem}.user_greetings_container p{font-size:1.2rem}.home_favorites{height:22rem;margin-bottom:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.favorites_carrossel{display:flex}.home_favorite_card{width:20rem;height:20rem;padding:1.6rem;border-radius:.6rem;display:flex;flex-direction:column}.home_favorite_card h3,.statistic_card h3{font-size:1.8rem;font-weight:500}.home_favorite_card p{line-height:1.4rem}.home_favorites h2,.statistics_wrapper h2{font-size:clamp(1.8rem,calc(1.3296vw + 1.0028rem),2rem);font-style:italic;margin-bottom:1rem}.statistics_container{display:flex;flex-wrap:wrap;gap:1rem;width:fit-content;max-width:42rem}.statistic_card{width:20rem;height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;padding:1rem;border-radius:.6rem;color:#fff;box-shadow:0 5px 15px #0006}.statistic_card p{font-size:4rem}.statistic_card h3{font-size:1.4rem}.statistic_card q{font-size:.8rem;line-height:1rem;text-align:justify}@media screen and (max-width: 618px){.statistic_card{width:16rem}.home_favorites{margin-top:8rem}.statistic_card h3{font-size:1.2rem}}.main_component{max-height:100dvh;max-width:100vw;background-color:#f9fafb;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"sidebar main";position:relative;overflow:hidden}@media screen and (max-width: 618px){.main_component{grid-template-columns:1fr;grid-template-areas:"main"}}.content_component{grid-area:main;padding:2rem;height:100vh;overflow-y:scroll}@media screen and (max-width: 618px){.content_component{position:relative;padding:1rem 1rem 1rem 6rem;z-index:1}}.sidebar,.sidebar_hidden{background-color:#1f2937;color:#fff;padding:2.5rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;grid-area:sidebar;position:relative;transition:.4s ease max-width;width:15rem;max-width:100%;z-index:auto}.sidebar_hidden{padding:2.5rem 1rem;width:5rem}.sidebar_hidden span,.sidebar_hidden h2{display:none}.sidebar img:not(.sidebar_logo img){max-width:1.4rem}.sidebar_hidden .toggle_sidebar_btn img{transform:rotate(-180deg)}.sidebar_hidden img:not(.sidebar_logo img){max-width:1.8rem}.sidebar_hidden .sidebar_links a:before{display:none}.sidebar_hidden .sidebar_links a{padding:.6rem}.sidebar_hidden .active_link{border:1px solid white;border-radius:50%}.home_logo{max-width:1.2rem!important}.sidebar_logo{width:100%;display:flex;align-items:center}.sidebar_logo h2{font-size:2rem;font-weight:400}.sidebar_logo img{width:3rem;max-width:100%}.sidebar_links{list-style:none;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.sidebar_links a{color:#fff;position:relative;text-align:center;display:flex;align-items:center;gap:.4rem}.sidebar_links a span{font-size:1.2rem}.sidebar_links a:hover:before{width:100%}.sidebar_links a:focus{outline:none}.sidebar_links a:focus:before{width:100%}.sidebar_links a:before,.active_link:before{content:"";height:1px;background-color:#fff;position:absolute;left:0;bottom:0;transition:.4s ease width}.sidebar_links a:before{width:0%}.active_link:before{width:100%!important}.logout{padding:.6rem;background-color:transparent;font-size:1.2rem;border:1px solid #fff;color:#fff;cursor:pointer;transition:.4s ease background-color;display:flex;align-items:center;justify-content:center;gap:.4rem}.logout img{max-width:1.2rem!important}.logout:hover{background-color:#d41212}.toggle_sidebar_btn{position:absolute;top:50%;right:-1.75rem;transform:translateY(-50%);background-color:#f2f2f2;box-shadow:5px 0 15px #00000059;height:3.5rem;width:3.5rem;border:none;border-radius:50%;padding:.6rem}.toggle_sidebar_btn:hover{background-color:#d9d9d9}.toggle_sidebar_btn img{min-width:100%}@media screen and (max-width: 618px){.sidebar,.sidebar_hidden{grid-area:unset;position:absolute;top:0;left:0;height:100dvh}.sidebar{width:100vw;z-index:3}.sidebar_hidden{width:5rem;z-index:3}.sidebar_hidden .toggle_sidebar_btn{right:-1.25rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;z-index:4}.toggle_sidebar_btn{right:1rem}}.header{width:100%;display:flex;justify-content:space-between;padding:1rem;height:fit-content;background:linear-gradient(#93c5fd,#c7d2fe 90%);border-radius:.6rem}.user_area_header{display:flex;align-items:center;gap:1.25rem}.user_area_header img{border-radius:50%;max-width:4rem}.user_area_header h2{font-size:1.6rem;color:#fff;font-weight:400}.empty_notes_container{flex:1;margin:4rem auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.empty_notes_container img{max-width:100%}.empty_notes_container p{text-align:center;font-size:clamp(1.2rem,calc(1.3296vw + .6028rem),1.6rem)}.notes_grid{width:100%;height:fit-content;display:grid;margin-top:2.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.6rem}.note{max-width:22rem;height:30rem;padding:2rem;border-radius:.6rem;color:#333;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 5px 5px 1.2px #0003}.note_divider{height:1px;width:100%;background-color:#999;opacity:.4;margin-top:1rem}.note_title{overflow-wrap:break-word;font-size:1.4rem;height:fit-content;max-width:100%!important}.note_content{line-height:1.4rem;margin-top:2rem;overflow-wrap:break-word}.modal{position:fixed;inset:0;z-index:1000}.overlay{position:absolute;inset:0;background:#0006}.creation_menu{position:relative;background:#fff;width:100%;max-width:31.25rem;margin:auto;top:50%;transform:translateY(-50%);padding:2rem;display:flex;flex-direction:column;gap:1rem;border-radius:.6rem}.input_wrapper input,textarea{padding:.8rem;border-radius:.4rem;border:1px solid #999}input[type=checkbox],label[for=favorite]{cursor:pointer}.input_wrapper{display:flex;flex-direction:column;gap:.6rem}.input_wrapper.checkbox{flex-direction:row;align-items:center;gap:.6rem}.colors_wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.colors_container{display:flex;flex-wrap:wrap;gap:1rem}.color{width:3rem;height:1.5rem;border-radius:2rem;cursor:pointer;box-shadow:0 1px 7px 1px #0006;transition:.4s ease scale}.color:hover,.active_color{scale:1.2}textarea{resize:none;height:9rem}.creation_menu h2{font-size:2rem;font-weight:400}.user_greetings_container button:hover{opacity:.5}.label_error_state{color:#e73131}.input_error_state{border:1px solid #e73131!important}.input_error_state::placeholder{color:#e73131}@media screen and (max-width: 618px){.creation_menu{height:30rem;overflow-y:scroll}.note{height:40rem}.empty_notes_container button{padding:.6rem 1rem}.empty_notes_container img{max-width:12rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Work Sans,Inter,sans-serif;font-size:1rem}