.navBar{display:flex;flex-direction:row;justify-content:space-between}.navBar p{font-size:16px;font-weight:bolder}.heading{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:8px;height:100%}.heading h1{font-size:64px;font-weight:bolder;margin-top:32px}.heading p{font-size:24px}.greet p,.detailSpan{font-size:20px;opacity:.75;margin-top:64px}.details{font-size:20px;margin-top:5px;line-height:1.5;text-align:center}.connect{display:flex;gap:16px;margin:24px 0 32px}.connect button{display:flex;align-items:center;justify-content:center;background-color:#1a73e8;color:#fff;padding:8px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;gap:8px;transition:transform .3s ease;box-shadow:0 4px 8px #0000001a}.connect button svg{font-size:24px}.connect button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 16px #0003}.connect a{text-decoration:none}@media (max-width: 1024px){.heading{margin-top:48px;height:auto;align-items:flex-start}.heading h1{font-size:54px;line-height:48px;text-align:left;margin:16px 0}.heading p{font-size:24px;text-align:left;line-height:1.3}.greet p{text-align:left;font-size:18px;margin-top:32px}.details{margin-top:24px}.detailSpan{font-size:18px}.connect{flex-direction:row;gap:24px;justify-content:left;margin-top:16px}.details{line-height:36px}.connect button{text-align:center;padding:12px}}.footer-container{position:fixed;bottom:48px;right:24px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:12px}.toggle-button{background-color:#1a73e8;color:#fff;border:none;border-radius:50%;padding:10px 16px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0003;transition:transform .3s ease,background-color .3s ease;z-index:10}.toggle-button:hover{transform:scale(1.1);background-color:#155bb5}.foot{display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:9}.foot.expanded{opacity:1;visibility:visible;transform:translateY(-30px)}.foot a{font-size:16px;text-decoration:none;display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;opacity:.8;transition:opacity .3s ease,color .3s ease;background-color:#181818;padding:12px;border-radius:50%}.foot a:hover{opacity:1;color:#155bb5}@media (max-width: 768px){.footer-container{align-items:center}.toggle-button{font-size:14px;padding:10px 14px}.foot a{font-size:16px;gap:6px;opacity:1}}.head{position:fixed;top:0;left:0;width:100%;gap:32px;padding:24px 0;background-color:#181818;color:#fff;z-index:1000;box-shadow:0 4px 8px #0003}.sys{gap:24px;display:flex;flex-direction:row;justify-content:center;align-items:center;opacity:.75}.headLink,a{text-decoration:none;color:inherit;font-size:16px;font-weight:bolder;transition:color .3s ease-in-out}.headLink:hover,a:hover{color:#1a73e8}.mobileheader{display:none}@media (max-width: 768px){.sys{display:none}.mobileheader{display:inline-flex;align-items:center;justify-content:space-between;margin:0 40px;width:100%;gap:16px}.mobileBtn{display:block;background:none;border:none;font-size:18px;color:#fff;cursor:pointer;position:absolute;right:20px;top:25px;z-index:10;transition:transform .2s ease-in-out}.mobileBtn:hover{transform:scale(1.1)}.mobilebody{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;padding:30px 0;box-shadow:0 4px 10px #0000004d;z-index:9}.mobilebody a{font-size:24px;font-weight:bolder;color:#fff;text-decoration:none;margin:30px 0;transition:color .3s ease-in-out}.mobilebody a:hover{color:#1a73e8}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.about{margin:96px 0}.about h1{font-size:32px;font-weight:700}.about p{font-size:18px;line-height:1.5;color:#d3d3d3;opacity:.75}.about p span{font-weight:700;color:#fff}.tools{margin-top:48px;text-align:center}.tools p{font-size:16px;margin-bottom:16px}.toolshead{text-align:left}.toolicon{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:24px;justify-content:center;align-items:center;margin-top:48px}.toolicon div{display:flex;justify-content:center;align-items:center;font-size:40px;color:#666;transition:color .3s ease,transform .3s ease}.toolicon div:hover{color:#1a73e8}@media (max-width: 768px){.about{margin:96px 0;align-items:start}.about h1{font-size:28px}.about p{font-size:16px;line-height:1.5}.tools p{font-size:16px}.toolicon{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:16px}.toolicon div{font-size:32px}}.project{margin:96px 0}.project h1{font-size:32px;font-weight:700}.project p{font-size:16px;text-align:justify}.projectList{margin-top:64px}.projectList ul{list-style:none;padding:0}.projectList li{display:flex;margin:64px 0;padding:24px;border-radius:8px;background-color:#181818;transition:background-color .3s,color .3s}.projectList li img{width:320px;height:auto;border-radius:8px}.projectList li:hover{transform:scale(1.05)}.projectDetails{margin-left:32px}.projectList li p:first-child{font-size:24px;font-weight:700;margin:-8px 0}.projectList li p:nth-child(2){font-size:14px;opacity:.65}.projectList li p:nth-child(3){font-size:12px;opacity:.65}.projectlink{display:flex;flex-direction:row;margin:72px 0 24px;gap:16px}.projectlink a{display:inline-flex;align-items:center;font-size:14px;text-decoration:none;color:inherit;opacity:.75;font-weight:400;text-align:center;gap:8px}.projectlink svg{font-size:16px}.projectlink svg:hover{color:#1a73e8}.others{margin:24px 0;font-size:24px;text-decoration:none;color:inherit;font-weight:700}.others svg{font-size:24px}.others svg:hover{color:#1a73e8}.spinnerContainer{display:flex;justify-content:center;margin:20px 0}.spinner{width:32px;height:32px;border:4px solid rgba(93,138,168,.2);border-top:4px solid #5d8aa8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.project h1{font-size:28px}.project p{font-size:14px}.projectList li{display:flex;flex-direction:column;margin:48px 0}.projectList li img{width:auto;height:auto}.projectDetails{margin:0}.projectList li p:first-child{font-size:20px;margin-top:16px}.projectlink{gap:12px}.projectlink a{font-size:12px;gap:6px}}@media (max-width: 768px){.project h1{font-size:24px}.projectList li{margin:32px 0;padding:16px}.projectList li p:first-child{font-size:18px}.projectlink{flex-direction:row;align-items:center}.projectlink a{font-size:14px;width:100%}}@media (max-width: 480px){.project h1{font-size:28px}.project p{font-size:16px;text-align:left}.projectList li{margin:24px 0;padding:12px}.projectList li p:first-child{font-size:18px}.projectlink a{font-size:14px;gap:6px}.others{font-size:18px;text-align:center}.others svg{font-size:24px}}.preloader{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(120deg,#0c0c0c,#100d08);color:#fff;font-size:32px;font-weight:700;overflow:hidden;margin:-40px -80px;padding:0;box-sizing:border-box}.map-container{text-align:center;margin:32px auto;padding:16px;background-color:#f9f9f9;border-radius:16px;box-shadow:0 4px 12px #0000001a;max-width:600px}.map-title{font-size:24px;font-weight:700;margin-bottom:16px;color:#333}.map-frame{width:100%;height:360px;border:none;border-radius:16px;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.map-title{font-size:20px}.map-frame{height:300px}}@media (max-width: 480px){.map-title{font-size:18px}.map-frame{height:250px}}.contact{margin:96px 0;padding:0 16px}.contacthead{text-align:center;margin:48px 0;line-height:1.5}.contacthead h2{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.3}.contacthead p{font-size:18px;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px;opacity:.85}.contactbtm{margin:48px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:24px}.contactlink{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.contactlink a{font-size:20px;font-weight:600;opacity:.75;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.contactlink a:hover{opacity:1;transform:scale(1.05)}@media (max-width: 768px){.contacthead h2{font-size:28px}.contacthead p{font-size:18px}.contactlink{gap:24px}.contactlink a{font-size:18px}}@media (max-width: 480px){.contacthead h2{font-size:28px}.contacthead p{font-size:16px}.contactlink{gap:48px}.contactlink a{font-size:18px}}body{padding:0;margin:40px 80px;font-family:Poppins,sans-serif;background-color:#0c0c0c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%231a73e8' fill-opacity='0.03'%3E%3Cpath fill-rule='evenodd' d='M11 0l5 20H6l5-20zm42 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM0 72h40v4H0v-4zm0-8h31v4H0v-4zm20-16h20v4H20v-4zM0 56h40v4H0v-4zm63-25a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM53 41a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-30 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-28-8a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zM56 5a5 5 0 0 0-10 0h10zm10 0a5 5 0 0 1-10 0h10zm-3 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm10 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM21 0l5 20H16l5-20zm43 64v-4h-4v4h-4v4h4v4h4v-4h4v-4h-4zM36 13h4v4h-4v-4zm4 4h4v4h-4v-4zm-4 4h4v4h-4v-4zm8-8h4v4h-4v-4z'/%3E%3C/g%3E%3C/svg%3E");background-size:200% 200%;animation:gradient-shift 16s cubic-bezier(.42,0,.58,1) infinite;color:#fff;box-sizing:border-box}.slide-in,.slide-out{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#1a73e8}.slide-in{transform-origin:bottom}.slide-out{transform-origin:top}@keyframes gradient-shift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}@media (max-width: 1024px){body{margin:30px 60px}}@media (max-width: 768px){body{margin:20px 40px}}@media (max-width: 480px){body{margin:16px 20px}}