@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{font-family:Outfit,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;color:#000}.Topbar{width:100%;padding:5px 5%;display:flex;justify-content:space-between;box-shadow:0 1px #00000014}.Topbar_right ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:20px}.Topbar_right ul li a{display:flex;justify-content:center;align-items:center;gap:5px;text-decoration:none;color:#000}.Topbar_right ul li a:hover{text-decoration:underline}.Topbar_left nav{display:flex;justify-content:center;align-items:center;gap:10px}.Topbar_left nav img{width:20px;height:20px;cursor:pointer;filter:grayscale(50%) opacity(.9);transition:filter .3s ease-in-out}.Topbar_left nav img:hover{filter:grayscale(0%) opacity(1)}.Topbar img{width:18px;height:18px;cursor:pointer}@media(max-width:600px){.Topbar{padding:5px 2%}.Topbar_right ul{gap:10px}.Topbar_right ul li:last-child{display:none}.Topbar_left nav img{width:15px;height:15px}}.Navbar{width:100%;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10000;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000f}.Navbar_menu img{width:20px;height:20px}.Navbar_left{display:flex;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.4px;cursor:pointer;gap:5px}.Navbar_maddle ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:25px}.Navbar_maddle ul li{list-style:none;font-size:1.2rem;padding:5px;border-radius:5px;cursor:pointer}.Navbar_maddle ul li:hover{background-color:#f4f4f5}.Navbar_maddle ul a{text-decoration:none;color:#000;font-size:1.2rem}.Navbar_right button{padding:8px 10px;border-radius:6px;background-color:#fff;border:1px solid #e5e7eb;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:5px;transition:all .3 ease}.Navbar_right button:hover{background-color:#f9fafb;border-color:#2563eb;color:#2563eb}.Navbar_right .Navbar_menu{display:none}.live-dot{width:10px;height:10px;border-radius:50%;background-color:#1dbf73;margin-right:5px;animation:live-dot 2s infinite ease-in-out;display:flex;justify-content:center;align-items:center}.Navbar_toggle{width:100%;height:100vh;position:fixed;inset:0;z-index:999;display:flex;justify-content:center;align-items:center;animation:slideIn .5s ease}.Navbar-toggle-left{width:30%;height:100%;background-color:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(10px);opacity:0;box-shadow:-10px 0 30px #00000014;animation:fadeIn .5s ease forwards;animation-delay:.4s;z-index:1000}.Navbar-toggle-right{width:70%;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:10px 20px;gap:10px}.toggle-button{width:100%;display:flex;justify-content:flex-end;align-items:center}.toggle-button img{width:24px;height:24px;cursor:pointer;transition:transform .25s ease,opacity .25s ease}.toggle-button img:hover{transform:rotate(90deg);opacity:.8}.toggle-button button{border:none}.toggle-logo{width:100%;display:flex;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.4px;cursor:pointer;gap:5px}.Navbar-toggle-right ul{width:100%;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.Navbar-toggle-right ul li{font-size:1.2rem;padding:5px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .25s ease}.Navbar-toggle-right ul li a{text-decoration:none;color:#0f172a;display:block;width:100%;padding:10px 0}.toggle-buttons{width:100%;display:flex;justify-content:center;align-items:center}.toggle-buttons button{display:flex;justify-content:center;align-items:center;width:80%;padding:7px 0;outline:none;border:none;border-radius:5px;margin-top:10px}.Navbar-toggle-right ul li:hover,.Navbar-toggle-right ul li a:hover{background-color:#f4f4f5;color:#2563eb;transform:translate(5px)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes live-dot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.7}}@media(min-width:800px){.Navbar-toggle-left{width:60%;border-radius:0}}@media(min-width:1000px){.Navbar-toggle-left{width:100%;border-radius:0}.Navbar-toggle-right{max-width:300px}}@media(max-width:800px){.Navbar_maddle,.Navbar_right button{display:none}.Navbar_right .Navbar_menu{display:block}.Navbar{padding:15px 5%}}.Hero{width:100%;height:85vh;background-image:linear-gradient(to bottom,#ffffff56,#ffffffa8 70%,#fff),url(/assets/Background%20image-Bnqe7dIX.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 10%}.Hero-box{width:100%;height:100%;display:flex;flex-direction:column;padding:40px 0;gap:20px}.Hero-greeting{display:flex;flex-direction:column}.Hero-greeting h1{font-size:3.5rem;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.Hero-greeting h2{font-size:2rem;font-weight:500;letter-spacing:-.4px;white-space:nowrap}.Hero-description{width:50%;font-size:1.2rem;font-weight:400;letter-spacing:-.4px;padding-left:10px;color:#18181b}.Hero-cta{display:flex;align-items:center;gap:20px;padding:0 20px}.Hero-cta button{padding:10px 20px;border:none;border-radius:5px;font-size:1.2rem;font-weight:700;letter-spacing:-.4px;cursor:pointer}.Hero-cta button:first-child{background-color:#18181b;color:#fff}.Hero-ctab button:last-child{background-color:#fff;color:#18181b}.my-experience{display:flex;justify-content:center;align-items:flex-end;flex:1}.my-experience ul{display:flex;justify-content:center;align-items:center;list-style:none;padding:10px 20px;background-color:#f1f0f1;border-radius:10px;box-shadow:0 4px 12px #0000001a}.my-experience ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px}@media(max-width:1000px){.Hero{height:80vh}.Hero-greeting h1{font-size:3rem}.Hero-greeting h2{font-size:1.6rem}.Hero-description,.Hero-cta button{font-size:1.05rem}.my-experience{margin-top:20px}}@media(max-width:800px){.Hero{height:90vh;padding:0;display:flex;justify-content:center;align-items:center}.Hero-box{align-items:center;gap:24px;padding-top:80px}.Hero-greeting{text-align:center;white-space:normal}.Hero-greeting h1{font-size:3.2rem}.Hero-greeting h2{font-size:1.4rem}.Hero-description{width:90%;font-size:1.1rem;padding:0;margin-top:16px}.Hero-cta{width:100%;justify-content:center;margin-top:16px}.Hero-cta button{padding:10px 44px}.my-experience{margin-top:24px}}@media(max-width:600px){.Hero-greeting h1{font-size:2.9rem}.Hero-greeting h2{font-size:1.2rem}.Hero-description{font-size:1rem}.my-experience ul{padding:10px 12px}}@media(max-width:500px){.Hero{height:70vh}.Hero-box{gap:12px}.Hero-greeting h1{font-size:2.4rem}.Hero-greeting h2{font-size:1.05rem}.Hero-cta{flex-direction:column;gap:12px}.Hero-cta button{padding:5px 50px;font-size:1rem}.my-experience ul{padding:5px 0;gap:12px}.my-experience ul li{padding:0 10px}.my-experience ul li p,.my-experience ul li span{font-size:.8rem}.my-experience ul li h2{font-size:1.1rem}}.Skillset{width:100%;padding-top:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.Skilltitle{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.Skillset-list{width:80%;display:flex;justify-content:center;align-items:center;gap:10px}.list-title{width:100%;display:flex;justify-content:center;align-items:center}.Skilltitle h1{font-size:2rem;font-weight:700;letter-spacing:-.4px;color:#0f172a}.Skilltitle h2{font-size:1.2rem;font-weight:500;letter-spacing:-.4px;color:#0f172a}.Skilltitle h2 span{color:#2563eb}.list-title h1{font-size:1.5rem;font-weight:700;letter-spacing:-.4px;color:#0f172a}.Skillset-list-left,.skillset-list-right{width:50%}.Skillset-list-right-list,.Skillset-list-left-list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:15px}@media(max-width:800px){.Skillset-list{width:100%}.Skilltitle h2{font-size:1rem}}@media(max-width:600px){.Skillset-list{flex-direction:column;padding:0 20px}.skillset-list-right,.Skillset-list-left{width:100%}}@media(max-width:500px){.Skilltitle h2{text-align:center}.Skillset-list{flex-direction:column;padding:0 20px}.skillset-list-right,.Skillset-list-left{width:100%}}.skillitem{width:100%;height:50px;display:flex;justify-content:center;align-items:center}.skillitem img{width:40px;height:40px}.Skill-graph{height:100%;width:100%;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;padding:5px}.graph-upper{display:flex;justify-content:space-between}.graph-upper p:first-child{font-weight:700;font-size:1.2rem}.graph-lower{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;position:relative}.graph-lower .fill{width:50%;height:100%;background:linear-gradient(90deg,#695dd9,#8c6eff);border-radius:5px;transition:width 1s ease-in-out}@media(max-width:800px){.skillitem img{width:30px;height:30px}}@media(max-width:500px){.skillitem{gap:10px}.graph-upper p:first-child{font-weight:600}}.Ourservice{width:100%;padding:50px 5% 0;display:flex;flex-direction:column;gap:20px}.Service-title{width:100%;display:flex;justify-content:center;align-items:center;gap:5px;font-size:1.5rem;font-weight:700;color:#000000ec}.Service-title span:nth-child(1){font-size:1.5rem;font-weight:700;color:#000000ec}.Service-card{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));align-items:center;justify-content:center;gap:20px}@media(max-width:800px){.Service-card{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.serviceCard{height:200px;background-color:#c3c3c4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-align:center;border-radius:10px;box-shadow:0 4px 12px #0000001a;gap:10px}img{width:100px;height:100px}.serviceCard-img{width:70px;border-radius:50%;height:70px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f4f4f5}.serviceCard-img img{width:50px;height:50px;object-fit:cover}.serviceCard-description{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.serviceCard-description h2{font-size:1.2rem;font-weight:700;color:#000000ec}.serviceCard-description p{font-size:.9rem;font-weight:400;color:#000000ec}.Project{width:100%;padding:50px 5% 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:20px}.Project-title{width:100%;display:flex;justify-content:center;align-items:center}.Project-card{width:100%;display:flex;flex-wrap:nowrap;gap:10px;align-items:center;justify-content:center}@media(max-width:700px){.Project-card{flex-direction:column;padding:0 20px;gap:20px}}@media(max-width:500px){.Project-card{flex-direction:column;padding:0}}.Projectcard{width:370px;height:400px;background-color:#f3f4f6;border-radius:10px;box-shadow:0 4px 12px #0000001a}.Project-banner{width:100%;height:45%;background-color:#0ff}.Project-banner img{width:100%;height:100%;object-fit:cover}.Project-description{padding:20px 10px;width:100%;display:flex;flex-direction:column;gap:5px}.Project-technology{padding:0 10px;display:flex;gap:10px}.Project-technology p{background-color:#fff;padding:5px 10px;border-radius:10px}.Project-demo{padding:10px;display:flex;justify-content:flex-start;align-items:center;gap:10px}.Project-demo button{padding:5px 10px;border-radius:5px;border:none;outline:none;background-color:#18181b;color:#fff}@media(max-width:1100px){.Project-description{padding:10px}}@media(max-width:800px){.Projectcard{width:300px;height:350px}.Project-description{padding:10px;font-size:.8rem}.Project-technology{padding:0 10px}.Project-demo{padding:10px}}@media(max-width:700px){.Projectcard{width:100%}}.Gitintouch{width:100%;display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 5% 80px;background-color:#fff}.Gitintouch h1{font-size:2.5rem;font-weight:600;color:#111}.Gitintouch-detail{display:flex;justify-content:center;gap:50px;width:100%;flex-wrap:wrap}.Gitintouch-left{display:flex;flex-direction:column;gap:25px;width:45%;min-width:300px}.Gitintouch-left p{font-size:1rem;line-height:1.6;color:#333}.phone,.gmail,.location{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#555}.phone img,.gmail img,.location img{width:22px;height:22px}.social-link{display:flex;gap:15px}.social-link button{padding:8px 16px;border-radius:5px;border:none;background-color:#f5f5f5;cursor:pointer;transition:all .3s ease;font-weight:500}.social-link button:hover{background-color:#0077b5;color:#fff}.Gitintouch-right{width:50%;min-width:300px}.Gitintouch form{display:flex;flex-direction:column;gap:15px;background-color:#f5f5f5cc;padding:30px 25px;border-radius:10px;box-shadow:0 10px 25px #0000000d}.Gitintouch form input,.Gitintouch form textarea{padding:12px 15px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:1rem;transition:all .3s ease}.Gitintouch form input:focus,.Gitintouch form textarea:focus{border-color:#0077b5;box-shadow:0 0 5px #0077b54d}.Gitintouch form textarea{resize:vertical;min-height:120px}.Gitintouch form .send{width:40%;max-width:150px;padding:12px 20px;background-color:#0077b5;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.Gitintouch form .send:hover{background-color:#005f87}@media(max-width:1024px){.Gitintouch-detail{gap:30px}.Gitintouch-left,.Gitintouch-right{width:100%}.Gitintouch form .send{width:60%}}@media(max-width:600px){.Gitintouch{padding:40px 5% 60px}.Gitintouch h1{font-size:2rem}.social-link button{padding:6px 12px;font-size:.9rem}.Gitintouch form{padding:20px 15px}.Gitintouch form textarea{min-height:100px}}.Footer{width:100%;padding:40px 6%;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;flex-direction:column;gap:35px;font-family:Inter,system-ui,-apple-system,sans-serif}.Footer-top{display:flex;flex-direction:column;gap:12px}.Footer_logo{display:flex;align-items:center;gap:6px;font-size:2rem;font-weight:800}.logo-icon{color:#2563eb}.logo-text{color:#0f172a}.Footer-top p{max-width:480px;color:#475569;font-size:.95rem;line-height:1.7}.Footer-main{width:100%;display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap}.Footer-main ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.Footer-main ul h2{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:8px}.Footer-main ul li a{display:flex;align-items:center;gap:10px;color:#334155;text-decoration:none;font-size:.92rem;transition:all .3s ease}.Footer-main ul li a img{width:18px;height:18px;object-fit:contain}.Footer-main ul li a:hover{color:#2563eb;transform:translate(4px)}.Footer-bottom{width:100%;padding-top:18px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center}.Footer-bottom p{font-size:.85rem;color:#64748b}@media(max-width:768px){.Footer{padding:35px 5%}.Footer-main{flex-direction:column;gap:30px}.Footer-top p{max-width:100%}}@media(max-width:480px){.Footer{padding:30px 4%;gap:30px}.Footer_logo{font-size:1.6rem}.Footer-main ul h2{font-size:.95rem}.Footer-main ul li a{font-size:.9rem}.Footer-bottom p{text-align:center;font-size:.8rem}}