:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;color-scheme:light dark;color:#ffffffde;background:#0f2027;background:-webkit-linear-gradient(to right,#2C5364,#203A43,#0F2027);background:linear-gradient(to right,#2c5364,#203a43,#0f2027);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}html,body,#root,.app-container{height:100%;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}.nav{display:flex;justify-content:space-between;align-items:center;background-color:#0f2027;padding:10px 20px;color:#fff}.nav a,a{text-decoration:none;color:#fff;display:flex;align-items:center}.nav div{display:flex;align-items:center;color:#9ebdcb}.nav a :hover,.git:hover{filter:drop-shadow(0 0 10px #2C5364)}.logo{width:50px;height:auto;margin-right:5px}.nav span{font-size:18px;font-weight:500}.nav div:last-child{font-size:1rem;cursor:pointer}.git{margin-right:50px}.hero-outer{margin-top:5%;display:flex;align-items:center;justify-content:center;padding:2rem;gap:4rem;flex-wrap:wrap}.hero-inner-left{display:flex;justify-content:center}.logobg{max-width:90%;height:auto;border-radius:20px}.logobg:hover{filter:drop-shadow(0 0 10px #2C5364);transform:scale(1.02);transition:all .3s ease}.hero-inner-right{flex:1;max-width:600px;text-align:left}.title{font-size:3rem;font-weight:700;margin:2% 0;color:#9ebdcb}.subtitle{font-size:1.1rem;line-height:1.5;margin:3% 0;font-weight:600;color:#5c8192}button{background-color:#0f2027;color:#fff;font-weight:600;padding:.8rem 1.5rem;border:none;cursor:pointer;font-size:1rem;margin-right:1rem;border-radius:5px}button:hover{background-color:#152a32}.github-link{font-size:1rem;color:#9ebdcb;font-weight:700;text-decoration:none;padding:.5rem 1rem;border-radius:5px;display:inline-block;transition:all .3s ease}.github-link:hover{color:#5c8192}@media (max-width: 768px){.hero-outer{flex-direction:column;text-align:center}.hero-inner-right{max-width:100%}.logobg{width:80%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f2027}::-webkit-scrollbar-thumb{background:#2c5364}.footer{width:100%;background-color:#0f2027;color:#9ebdcb;text-align:center;padding:1rem;font-size:.9rem;margin-top:10%}.footer p{margin:0}#root{margin:0;padding:0}.query-app{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}h2{margin-top:5%;font-size:3rem;color:#9ebdcb;font-weight:700}.header-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;margin-top:20px}.header-container h2{font-size:2rem;margin:0;white-space:nowrap;white-space:normal;text-align:center;max-width:100%}.header-icon{width:50px;margin-left:12px}@media (max-width: 1024px){h2{font-size:2.5rem}}@media (max-width: 768px){h2{font-size:2rem}.header-container{flex-direction:column;white-space:normal}.header-container h2{font-size:1.5rem;text-align:center}.header-icon{width:40px;margin-top:5px}}@media (max-width: 480px){h2{font-size:1.5rem}.header-container{flex-direction:column}.header-container h2{font-size:1.5rem;text-align:center;white-space:normal}.header-icon{width:40px;margin-top:5px}}.transparent-div{color:#fff;padding:30px;background-image:url(https://blog.macsales.com/wp-content/uploads/2018/06/Mojave-Day_preview.jpeg);background-size:cover;box-shadow:0 8px 17px 2px #00000024,0 3px 14px 2px #0000001f,0 5px 5px -3px #0003;border-radius:20px;width:80%}.csv-button{background-color:#0f2027;color:#fff;font-weight:600;padding:.8rem 1.5rem;border:none;cursor:pointer;font-size:1rem;margin-right:1rem;border-radius:5px}