.style_padding10__Agfpq{padding-left:10%;padding-right:10%}@media (max-width:768px){.style_padding10__Agfpq{padding-left:10%;padding-right:10%}}@media (max-width:480px){.style_padding10__Agfpq{padding-left:5%;padding-right:5%}}.style_SS__64AEb{justify-content:right}.style_scrollContainer__XFrDK{max-height:calc(100vh - 50px);overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:800px;box-shadow:0 2px 10px #0000001a;position:relative}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#333}.modal-close-button:hover{color:red}.modal-content{width:82%}.div-placeholder{background-color:#fff;border:1px solid #ccc;margin-right:4px;border-radius:4px}.app-search-input-div{display:flex;width:100%;max-width:200px}.app-search-input{padding-top:8px;padding-bottom:8px;font-size:small;border:1px solid #ccc;border-radius:5px;width:100%;max-width:100%}.app-category-heading{font-size:16px;font-weight:700;color:#333;margin-top:1rem;margin-bottom:1rem}.app-box-container{flex-wrap:wrap;gap:10px;padding-bottom:15px;margin-bottom:10px}.app-box-container,.app-tile{display:flex;justify-content:flex-start}.app-tile{position:relative;flex-direction:row;align-items:center;text-align:left;padding:5px;transition:box-shadow .3s ease,transform .3s ease;border:1px solid #d3d3d3}.app-tile:hover{transform:translateY(0);background-color:#f9f9f9;border:1px solid #0557c2}.app-link{color:#000;font-size:14px;text-decoration:none}.pin-icon{position:absolute;top:4px;right:4px;width:12px;height:12px;cursor:pointer;z-index:10;background-color:#d3d3d3;border:1px solid #d3d3d3}.pin-icon:hover{background-color:#a9a9a9}@media (max-width:768px){.app-search-input,.app-search-input-div{width:100%;max-width:100%}.app-search-input-div{display:flex}.app-box-container{gap:10px;width:100%;max-width:100%}}@media (max-width:600px){.div-placeholder,.div-placeholder.sidebar{width:30px;height:30px}}@media (min-width:601px) and (max-width:960px){.div-placeholder,.div-placeholder.sidebar{width:30px;height:30px}}@media (min-width:961px){.div-placeholder,.div-placeholder.sidebar{width:30px;height:30px}}.download-button{background-color:#0070f3;padding:10px 20px;border-radius:8px;font-weight:700;margin-top:16px;transition:background-color .3s ease}.download-button:hover{background-color:#0059c1}body,html{height:100%;margin:0;padding:0}:root{--primary-text:#2a2a2a;--secondary-text:#555;--heading-text:#4a4a4a;--hero-title:#4b4a4a;--background:#f9fafb;--card-bg:#fff;--shadow:0px 4px 10px #0000001a}.home-container{height:100vh;background:var(--background);text-align:center;font-family:Inter,sans-serif;overflow:hidden;min-height:100vh}.container-scroll,.home-container{display:flex;flex-direction:column}.container-scroll{overflow-y:auto;padding:1rem 1.5rem;align-items:center}.hero{max-width:600px;margin:0 auto}.hero h1{font-size:2.8rem;font-weight:700;color:var(--hero-title)}.hero p{font-size:1.2rem;color:var(--secondary-text);margin:1rem 0}.features{display:flex;flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:5rem;gap:1.5rem;padding-bottom:2rem}.feature-icon{font-size:4rem;color:#1a1a1a}.about-content{max-width:750px;background:var(--card-bg);padding:2.5rem;border-radius:10px;box-shadow:var(--shadow);text-align:left;margin-top:2rem;line-height:1.7}.about-content p{font-size:1.1rem;color:var(--secondary-text);margin-bottom:1.2rem;line-height:1.6}@media (min-width:768px){.features{flex-direction:row;justify-content:center;flex-wrap:wrap}.home-container{padding:8rem 1.5rem;min-height:100vh}.about-content p{font-size:1rem}}.feature{background:var(--card-bg);padding:1.8rem;box-shadow:var(--shadow);border-radius:.5rem;max-width:300px;text-align:center}.feature h2{font-size:1.4rem;color:var(--heading-text)}.feature p{color:var(--secondary-text);font-size:1rem;margin-top:.5rem}.download-button{background-color:#000;color:#fff;padding:12px 28px;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:24px}.content-wrapper{display:flex;flex:1 1;width:100%;overflow-x:hidden;overflow-y:auto;position:relative}.side-menu{width:calc(220px - 10px);max-width:220px;background-color:#f5f5f5;padding-left:20px;padding-right:20px;padding-bottom:50px;height:calc(100vh - 100px);scrollbar-width:thin;overflow-y:auto;transition:transform .3s ease,left .3s ease;position:fixed;left:-calc(220px - 40px);z-index:1000;scrollbar-color:#0000 #0000;transform:translateX(0)}.side-menu::-webkit-scrollbar{width:4px}.side-menu::-webkit-scrollbar-thumb{background-color:#0000;border-radius:10px}.side-menu:hover::-webkit-scrollbar-thumb{background-color:#0000004d}.side-menu.open{transform:translateX(calc(-220px - 40px));margin:0}.side-menu:hover{scrollbar-color:#0000004d #0000}.main-content{flex:1 1;width:100%;background-color:#fff;transition:margin-left .3s ease;padding-left:20px;padding-right:20px;margin-left:calc(220px + 20px);height:calc(100vh - 100px)}.menu-open .main-content{margin-left:0}.header-visible{top:0}.header-hidden,.header-visible{position:fixed;width:100%;z-index:1000;transition:top .3s ease-in-out}.header-hidden{top:-35px}.main-content.with-header,.side-menu.with-header{margin-top:44px;margin-bottom:0;height:calc(100vh - 44px);transition:margin-top .3s ease-in-out}.main-content.without-header,.side-menu.without-header{margin-top:0;height:100vh;transition:margin-top .3s ease-in-out}@media (max-width:768px){.side-menu{width:calc(100%);max-width:calc(100% - 40px);overflow-y:auto;padding-bottom:50px;height:calc(100vh - 100px)}.side-menu.open{transform:translateX(-100%);margin:0}.main-content{width:100%;overflow-x:hidden;padding:0;margin-left:0;margin-bottom:0}.menu-open .main-content{margin-left:0}}