:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fb;font-family:Arial,sans-serif}.navbar{background:#111827;align-items:center;padding:18px 25px;display:flex;position:relative}.menu-icon{color:#fff;cursor:pointer;font-size:30px}.logo{color:#fff;margin-left:18px;font-size:24px;font-weight:700}.navbar{color:#0b1d3a;z-index:9999;background:#fff;justify-content:center;align-items:center;width:100%;height:70px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000014}.menu-btn{color:#0b1d3a;cursor:pointer;background:0 0;border:none;font-size:32px;position:absolute;left:25px}.nav-title{font-size:26px;font-weight:700}.dropdown-menu{z-index:99999;background:#fff;border:2px solid #f5b321;border-radius:10px;width:180px;padding:10px;position:absolute;top:70px;left:20px;box-shadow:0 5px 15px #0003}.dropdown-menu a{color:#0b1d3a;padding:12px;font-size:18px;font-weight:700;text-decoration:none;display:block}.dropdown-menu a:hover{color:#fff;background:#f5b321;border-radius:8px}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#0f172a,#2563eb);border-radius:25px;width:85%;margin:30px auto;padding:80px 20px}.hero h1{color:#fbbf24;margin-bottom:20px;font-size:70px}.hero h2{color:#22d3ee;margin-bottom:30px;font-size:34px}.hero p{background:#ffffff26;border-radius:12px;margin-right:20px;padding:15px 30px;font-size:22px;font-weight:700;display:inline-block}.contact-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;border-radius:12px;padding:15px 35px;font-size:20px;font-weight:700;transition:all .3s}.services{text-align:center;width:90%;margin:auto;padding-bottom:50px}.services h2{color:#2563eb;margin-bottom:40px;font-size:50px}.services-list{flex-direction:column;align-items:center;gap:25px;display:flex}.service-item{color:#fff;background:linear-gradient(135deg,#f97316,#ec4899);border-radius:18px;width:70%;padding:28px;font-size:28px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #0000004d}.service-item:hover{background:linear-gradient(135deg,#ea580c,#db2777);transform:scale(1.03)}.page{text-align:center;width:90%;margin:40px auto}.service-title{color:#2563eb;margin-bottom:40px;font-size:60px}.contact-page h1{margin-bottom:30px;font-size:60px}.contact-page p{margin:18px 0;font-size:28px}.contact-page a{color:#2563eb;font-weight:700;text-decoration:none}.contact-page a:hover{color:#f59e0b}.service-boxes{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:30px;display:flex}.box{color:#fff;text-align:center;background:linear-gradient(135deg,#f97316,#ec4899);border-radius:15px;min-width:230px;padding:20px 25px;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 5px 12px #00000040}.box:hover{transform:scale(1.05)}.contact-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:none;border-radius:14px;padding:18px 45px;font-size:22px;font-weight:700}.contact-page{text-align:center;padding:50px 20px}.contact-page h1{color:#1e3a8a;margin-bottom:40px;font-size:55px}.contact-container{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.contact-card{text-align:left;background:#fff;border-radius:20px;width:420px;padding:35px;box-shadow:0 5px 18px #00000026}.contact-card h2{color:#2563eb;margin-bottom:25px;font-size:30px}.contact-card p{color:#374151;margin:18px 0;font-size:20px}.contact-card a{color:#2563eb;font-weight:700;text-decoration:none}.contact-card a:hover{color:#f59e0b}.contact-container{grid-template-columns:repeat(2,1fr);gap:25px;max-width:1200px;margin:auto;display:grid}.contact-card{text-align:left;background:#fff;border-radius:18px;padding:25px;box-shadow:0 5px 18px #00000026}.staff-photo{object-fit:contain;object-position:center;background:#f1f5f9;border-radius:15px;width:100%;height:260px;margin-bottom:15px}.about-page{text-align:center;padding:50px 20px}.about-page h1{color:#2563eb;margin-bottom:40px;font-size:55px}.about-grid{grid-template-columns:repeat(2,1fr);gap:25px;max-width:1200px;margin:auto;display:grid}.about-card{text-align:left;background:#fff;border-radius:18px;padding:30px;box-shadow:0 5px 18px #00000026}.about-card h2{color:#f97316;margin-bottom:15px;font-size:28px}.about-card p{font-size:20px;line-height:1.6}.last-card{grid-column:1/3}.home-page{text-align:center;background-color:#0000;background-image:linear-gradient(#000000b3,#000000bf),url(/banner.jpg.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:90px 20px 40px}.home-overlay{color:#fff;max-width:1100px;margin:auto}.home-overlay h1{color:#f5b321;letter-spacing:2px;font-size:60px;font-weight:900}.home-overlay h2{color:#fff;margin:10px 0 25px;font-size:24px}.tagline{color:#f5b321;background:#ffffff26;border-radius:10px;margin-bottom:25px;padding:12px 30px;font-size:24px;font-weight:700;display:inline-block}.home-desc{max-width:800px;margin:0 auto 30px;font-size:22px;line-height:1.7}.home-desc span{color:#f5b321;font-weight:700}.service-buttons{grid-template-columns:repeat(2,1fr);gap:20px;max-width:850px;margin:30px auto;display:grid}.service-buttons a{color:#fff;background:#00000073;border:2px solid #f5b321;border-radius:12px;padding:18px;font-size:20px;font-weight:700;text-decoration:none}.service-buttons a:hover{color:#061426;background:#f5b321}.why-box{text-align:left;grid-template-columns:repeat(2,1fr);gap:12px;max-width:750px;margin:30px auto;display:grid}.why-box p{font-size:20px;font-weight:700}.home-actions{justify-content:center;gap:20px;margin-top:35px;display:flex}.main-btn,.outline-btn{border-radius:10px;padding:15px 35px;font-size:18px;font-weight:700;text-decoration:none}.main-btn{color:#061426;background:#f5b321}.outline-btn{color:#fff;border:2px solid #f5b321}.outline-btn:hover{color:#061426;background:#f5b321}@media (width<=768px){.home-overlay h1{font-size:38px}.service-buttons,.why-box{grid-template-columns:1fr}.home-actions{flex-direction:column}}.about-page{background:#f4f7fb;min-height:100vh;padding:80px 20px}.about-card{text-align:center;background:#fff;border:2px solid #f5b321;border-radius:20px;max-width:900px;margin:auto;padding:30px;box-shadow:0 8px 25px #00000026}.about-card h1{color:#0b1d3a;margin-bottom:25px;font-size:38px}.about-photo{border:3px solid #f5b321;border-radius:18px;width:100%;max-width:600px;margin-bottom:25px}.about-details h2{color:#d92323;margin-bottom:10px;font-size:34px}.about-details h3{color:#0b1d3a;margin-top:25px;margin-bottom:8px;font-size:24px}.about-details p{color:#245347;font-size:20px;font-weight:600;line-height:1.7}.about-details a{color:#d92323;font-weight:700;text-decoration:none}.services-page{text-align:center;background:#f4f7fb;min-height:100vh;padding:90px 30px 50px}.services-page h1{color:#0b1d3a;margin-bottom:35px;font-size:45px}.services-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:auto;display:grid}.service-card{background:#fff;border-top:5px solid #f5b321;border-radius:18px;padding:25px;box-shadow:0 8px 25px #0000001f}.service-card img{object-fit:cover;border:4px solid #f5b321;border-radius:50%;width:160px;height:160px;margin-bottom:18px}.service-card h2{color:#0b1d3a;margin-bottom:12px;font-size:22px}.service-card p{color:#444;margin-bottom:20px;font-size:16px;line-height:1.5}.service-card a{color:#0b1d3a;background:#f5b321;border-radius:10px;padding:12px 25px;font-weight:700;text-decoration:none;display:inline-block}.service-card a:hover{color:#fff;background:#0b1d3a}.bank-section{color:#fff;background:#0b1d3a;border-radius:18px;max-width:1000px;margin:50px auto 0;padding:30px}.bank-section h2{color:#f5b321;margin-bottom:15px;font-size:30px}.bank-section p{font-size:22px;font-weight:700;line-height:1.6}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services-grid{grid-template-columns:1fr}}.contact-page{background:linear-gradient(135deg,#0b1d3a,#1f4c8f);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.contact-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:700px;padding:40px;box-shadow:0 10px 30px #0003}.contact-card h1{color:#0b1d3a;margin-bottom:20px;font-size:40px}.contact-text{color:#555;margin-bottom:30px;font-size:18px;line-height:1.6}.contact-buttons{flex-direction:column;gap:15px;display:flex}.contact-btn{border-radius:10px;padding:15px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s}.contact-btn:hover{transform:translateY(-3px)}.whatsapp-btn{color:#fff;background:#25d366}.location-btn{color:#fff;text-align:center;background:#ff6b8a;border-radius:10px;padding:15px;font-weight:700;text-decoration:none;display:block}.detail-page{background-color:#0000;background-image:linear-gradient(#020817d1,#020817e0),url(/banner.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;min-height:100vh;padding:90px 20px 50px;display:flex}.detail-card{text-align:center;background:#0f172aeb;border:2px solid #f5b321;border-radius:25px;width:100%;max-width:1000px;padding:45px 35px;box-shadow:0 25px 60px #00000073}.detail-card h1{color:#f5b321;text-transform:uppercase;margin-bottom:25px;font-size:50px;font-weight:900}.profile-photo{object-fit:cover;border:5px solid #f5b321;border-radius:50%;width:190px;height:190px;margin:10px auto 20px;display:block}.staff-name{color:#fff;margin:10px 0;font-size:38px;font-weight:800}.designation{color:#dbeafe;margin:7px 0;font-size:21px;font-weight:600}.description{color:#f1f5f9;max-width:850px;margin:25px auto;font-size:20px;line-height:1.8}.project-title{color:#f5b321;margin:30px 0 20px;font-size:30px;font-weight:800}.project-video{background:#000;border:3px solid #f5b321;border-radius:18px;width:90%;max-width:800px;margin:20px auto;display:block}.project-image{object-fit:cover;cursor:pointer;border:3px solid #f5b321;border-radius:18px;width:100%;max-width:500px;height:350px;margin:25px auto;transition:all .3s;display:block}.project-image:hover{transform:scale(1.04)}.tech-stack{color:#93c5fd;max-width:850px;margin:25px auto;font-size:20px;font-weight:700;line-height:1.7}.button-group{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.pay-btn,.call-btn,.email-btn{cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.pay-btn{color:#061426;background:#f5b321}.pay-btn:hover{background:#ffd166;transform:translateY(-3px)}.call-btn{color:#fff;background:#22c55e}.call-btn:hover{background:#16a34a;transform:translateY(-3px)}.email-btn{color:#fff;background:#2563eb}.email-btn:hover{background:#1d4ed8;transform:translateY(-3px)}@media (width<=768px){.button-group{flex-direction:column;align-items:center}.pay-btn,.call-btn,.email-btn{text-align:center;width:220px}.detail-card{padding:30px 18px}.detail-card h1{font-size:34px}.project-image,.project-video{width:100%}}.qualification{color:#f5b321;margin:10px 0;font-size:22px;font-weight:700}.achievement-box{background:#ffffff1a;border:2px solid #f5b321;border-radius:15px;margin-top:25px;padding:20px}.achievement-box p{color:#fff;margin:10px 0;font-size:18px}.email-btn{color:#0b1d3a;background:#fff;border-radius:10px;margin-top:25px;margin-left:15px;padding:12px 30px;font-weight:700;text-decoration:none;display:inline-block}.email-btn:hover{background:#f5b321}