*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.navbar{width:100%;position:fixed;top:0;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease;background-color:transparent}.navbar.scrolled{background-color:#fff;box-shadow:0 2px 10px #1111111a}.nav-container{display:flex;justify-content:space-around;align-items:center;padding:20px;gap:95px}.logo-1{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:3px solid black;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.4s ease}.logo-1:hover{transform:rotate(10deg) scale(1.1);background:#fff}.logo-1 h1{color:#000;font-size:25px;margin:0;transition:.3s}.logo-1:hover h1{color:#5b21b6}.nav-menu{display:flex;align-items:center;gap:70px}.nav-menu li{list-style:none}.nav-menu li a{text-decoration:none;color:#1f1e1e;transition:all .3s ease-in-out;display:inline-block}.nav-menu a:hover{color:#5b21b6;transform:scale(1.1)}.menu{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:2000}.menu span{width:30px;height:6px;margin-top:3px;background:#000;border-radius:5px;transition:.4s ease}.menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:#fff}.menu.active span:nth-child(2){opacity:0}.menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:#fff}@media(max-width:768px){.nav-container{justify-content:space-between;padding:20px 30px}.menu span{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#5b21b6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;transition:right .5s ease}.nav-menu.open{right:0}.nav-menu li a{color:#fff;font-size:20px;font-weight:700}.nav-menu a:hover{color:#ddd}.logo{width:50px}.{}}.home-section{display:flex;justify-content:center;align-items:center;gap:50px;margin-top:150px;padding:0 20px}.home-feature h2{font-size:50px;color:#000;line-height:1.2}.home-feature p{margin-top:20px;line-height:1.7;color:#555}.home-section img{width:100%;max-width:450px;height:auto;border-radius:5px}.btn{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.btn button,.btn a{width:180px;height:47px;display:flex;justify-content:center;align-items:center;background:#5b21b6;color:#fff;text-decoration:none;font-weight:700;border:2px solid #5b21b6;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn button:hover,.btn a:hover{background:transparent;color:#000;transform:scale(1.05)}.btn-violet{background:#5b21b6;border-color:#8b5cf6}.btn-violet:hover{background:transparent;color:#000}.button-group{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.btn-green{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#22c55e;color:#fff;text-decoration:none;border-radius:20px;font-size:12px;font-weight:600}.btn-green:hover{background:#16a34a}.pulse-dot{position:relative;width:12px;height:12px;display:inline-block}.pulse-dot:before{content:"";position:absolute;inset:0;border-radius:50%;background:#4ade80;animation:ping 1.2s cubic-bezier(0,0,.2,1) infinite}.pulse-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#4ade80}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media(max-width:991px){.home-section{gap:30px;margin-top:120px}.home-feature h2{font-size:40px}.home-section img{max-width:350px}}@media(max-width:768px){.home-section{flex-direction:column;text-align:center;gap:30px;margin-top:70px}.home-feature h2{font-size:32px}.home-feature p{font-size:15px}.home-section img{max-width:320px}.button-group,.btn{justify-content:center}}@media(max-width:480px){.home-feature h2{font-size:28px}.home-feature p{font-size:14px}.home-section img{max-width:260px}.btn button,.btn a{width:100%;max-width:220px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:20px;z-index:9999;animation:fadeIn .3s ease}.popup-content{position:relative;background:#fff;width:95%;max-width:800px;border-radius:15px;padding:20px;text-align:center;box-shadow:0 20px 50px #0000004d;animation:popupZoom .3s ease}.popup-content h2{color:#5b21b6;margin-bottom:15px}.certificate-image{width:100%;max-height:70vh;object-fit:contain;border-radius:10px;border:2px solid #eee}.popup-buttons{margin-top:20px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.popup-buttons button,.popup-buttons a{padding:12px 22px;border:none;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;transition:.3s}.popup-buttons button{background:#22c55e;color:#fff}.popup-buttons button:hover{background:#16a34a}.popup-buttons a{background:#5b21b6;color:#fff}.popup-buttons a:hover{background:#4c1d95}.close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border:none;border-radius:50%;background:#ef4444;color:#fff;font-size:24px;cursor:pointer;transition:.3s}.close-btn:hover{background:#dc2626;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupZoom{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.popup-content{padding:15px}.certificate-image{max-height:50vh}.popup-buttons{flex-direction:column}.popup-buttons button,.popup-buttons a{width:100%}}.work-section{display:flex;flex-direction:column;margin-top:80px;padding:0 20px}.work-feature{margin-bottom:30px}.work-feature h2{position:relative;display:inline-block;font-size:50px;margin-left:150px;color:#5b21b6;padding-bottom:12px}.work-feature h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;border-radius:20px;background:linear-gradient(90deg,#5b21b6,#8b5cf6)}.select-all{display:flex;justify-content:space-around;align-items:center;gap:100px;margin-top:40px}.btn-main{display:flex;gap:15px;flex-wrap:wrap}.btn-main button{width:120px;height:40px;font-size:12px;font-weight:700;border:2px solid #5b21b6;border-radius:8px;background:transparent;color:#5b21b6;cursor:pointer;transition:all .3s ease}.btn-main button.active,.btn-main button:first-child{background:#5b21b6;color:#fff}.btn-main button:hover{background:#5b21b6;color:#fff;transform:translateY(-3px)}.all li{list-style:none;font-size:15px}.all a{text-decoration:none;color:#5b21b6;font-weight:600}.menu-all>li{position:relative}.link{position:absolute;top:30px;right:0;width:130px;padding:10px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001f;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s ease;z-index:20}.link li{margin:8px 0}.link a{display:block;padding:8px;border-radius:6px}.link a:hover{background:#5b21b6;color:#fff}.all:hover .link{opacity:1;visibility:visible;transform:translateY(0)}.portfolio-display{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:40px}.project-item{position:relative;margin:20px;overflow:hidden;border-radius:15px;cursor:pointer;box-shadow:0 10px 30px #0000001a}.project-item img{display:block;width:350px;height:330px;object-fit:cover;border-radius:15px;transition:.5s ease}.project-item:hover img{transform:scale(1.1)}.overlay{position:absolute;inset:0;background:linear-gradient(#5b21b6f2,#7c3aedf2);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(100%);transition:.5s ease;text-align:center;padding:20px}.overlay h2{margin-bottom:15px;font-size:25px}.overlay p{line-height:1.7}.project-item:hover .overlay{transform:translateY(0)}.work-cta{max-width:700px;margin:80px auto 0;padding:50px 30px;text-align:center;background:linear-gradient(135deg,#f8f5ff,#fff);border-radius:20px;box-shadow:0 15px 35px #5b21b614}.work-cta h3{color:#5b21b6;font-size:32px;margin-bottom:15px}.work-cta p{color:#666;line-height:1.8;margin-bottom:30px}.work-btn{display:inline-block;padding:14px 35px;background:#5b21b6;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;border:2px solid #5b21b6;transition:.3s ease}.work-btn:hover{background:transparent;color:#5b21b6;transform:scale(1.05)}@media(max-width:768px){.work-feature h2{font-size:35px;margin:0;text-align:center}.work-feature h2:after{left:50%;transform:translate(-50%)}.select-all{flex-direction:column;gap:30px}.btn-main{justify-content:center}.btn-main button{width:280px}.project-item img{width:320px;height:300px}}@media(max-width:480px){.work-feature h2{font-size:28px}.btn-main button{width:220px}.project-item img{width:270px;height:250px}.work-cta{padding:35px 20px}.work-cta h3{font-size:24px}.work-cta p{font-size:14px}}.project-btn{display:inline-block;margin-top:15px;padding:10px 18px;background:#6c63ff;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:.3s}.project-btn:hover{background:#4f46e5;transform:translateY(-2px)}html{scroll-behavior:smooth}.page-section:not(.no-animation){opacity:0;transform:translateY(80px);transition:all .7s ease}.page-section:not(.no-animation).show{opacity:1;transform:translateY(0)}.page-section .tag-all{position:relative;display:inline-block;padding-bottom:12px}.page-section .tag-all:after{content:"";position:absolute;left:0;bottom:0;width:70px;height:4px;background:linear-gradient(90deg,#5b21b6,#8b5cf6);border-radius:10px}.about-section{padding:80px 20px;overflow:hidden}.about-feature{margin-left:120px;margin-top:70px;max-width:650px}.about-feature h2{font-size:50px;color:#5b21b6;line-height:1.2;margin-bottom:20px}.about-feature p{margin-top:20px;margin-bottom:20px;color:#555;line-height:1.8;font-size:16px}.about-img{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:35px;margin-top:50px}.about-img img{width:350px;height:350px;object-fit:cover;border-radius:15px;transition:all .4s ease}.about-img img:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.web{position:relative;overflow:hidden;border-radius:15px}.web .web-text{position:absolute;bottom:0;left:0;background:linear-gradient(135deg,#5b21b6,#7c3aed);width:250px;height:65px;padding:12px;border-radius:0 15px 0 0}.web-text h4{color:#fff;margin:0}.web-text p{color:#fff;margin-top:5px;font-size:14px}.web-text-2{background:#fff;border:5px solid #f3e8ff;width:350px;min-height:350px;padding:30px;border-radius:15px;box-shadow:0 15px 35px #5b21b614;transition:.4s ease}.web-text-2:hover{transform:translateY(-8px);box-shadow:0 20px 45px #5b21b626}.web-text-2 h2{margin-top:2px;color:#5b21b6;font-size:28px}.web-text-2 p{margin-top:15px;margin-bottom:20px;color:#555;line-height:1.7}.about-skills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.about-skills span{background:#f3e8ff;color:#5b21b6;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.web-text-2 a{color:#5b21b6;transition:.3s ease;font-weight:700}.web-text-2 a:hover{color:#7c3aed;letter-spacing:1px}.link-about{text-decoration:none}@media(max-width:991px){.about-feature{margin-left:40px}.about-feature h2{font-size:42px}}@media(max-width:645px){.about-feature{margin:35px 0 0;text-align:center}.about-feature h2{font-size:30px}.about-feature p{font-size:14px}.about-img{margin-top:35px}.web img{width:100%;max-width:350px;height:350px}.web-text-2{width:100%;max-width:350px;margin-bottom:30px}}@media(max-width:400px){.about-feature h2{font-size:26px}.about-feature p{font-size:13px}.web img{height:300px}.web-text-2{padding:20px}}.blog-section{background-color:#fbfbfb;padding:80px 20px}.blog-feature{margin-left:120px;margin-top:70px}.blog-feature h2{padding-top:40px;font-size:50px;color:#5b21b6;line-height:1.2}.blog-feature p{margin-top:20px;margin-bottom:20px;color:#555;line-height:1.7}.blog-img{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:35px;margin-top:50px}.blog-text{background-color:#fff;width:320px;min-height:380px;padding:20px;margin-bottom:30px;border-radius:15px;overflow:hidden;box-shadow:0 10px 25px #00000014;transition:all .35s ease}.blog-text:hover{transform:translateY(-10px);box-shadow:0 20px 40px #5b21b62e}.blog-text img{width:100%;height:200px;object-fit:cover;border-radius:12px;transition:.4s ease}.blog-text:hover img{transform:scale(1.05)}.blog-text h4{margin-top:20px;font-size:22px;color:#5b21b6}.blog-text p{padding-top:15px;padding-bottom:15px;color:#555;line-height:1.6}.blog-text span{display:inline-block;margin-top:15px;color:#7c3aed;font-size:14px;font-weight:600}@media(max-width:991px){.blog-feature{margin-left:40px}.blog-feature h2{font-size:42px}}@media(max-width:645px){.blog-feature{margin:0;text-align:center}.blog-feature h2{font-size:32px}.blog-feature p{font-size:15px}}@media(max-width:545px){.blog-feature{margin:0;text-align:center}.blog-feature h2{font-size:30px}.blog-feature p{font-size:14px}.blog-text{width:300px;text-align:center}}@media(max-width:400px){.blog-section{padding:50px 10px}.blog-feature h2{font-size:28px}.blog-text{width:280px;padding:15px}.blog-text img{width:100%;height:180px}.blog-text p{padding-top:10px}}.contact-feature{margin-left:120px;margin-top:70px}.contact-feature h2{padding-top:40px;font-size:50px}.contact-feature p{margin-top:20px;margin-bottom:20px}.contact-info{display:flex;flex-wrap:wrap;justify-content:center;gap:50px}.contact-img img{width:470px;height:470px;border-radius:10px}.location{display:flex;justify-content:center;align-items:center;text-align:center;gap:65px;margin-top:70px}.line p{line-height:25px}.line-img{display:flex;justify-content:center;align-items:center;margin-top:50px;gap:40px}.line-img img{cursor:pointer}form input{width:575px;height:50px;border:none;outline:none;padding:10px;background-color:azure;margin-top:10px}form textarea{width:575px;height:200px;margin-top:10px;padding:10px;outline:none;border:none;background-color:azure;resize:none}.menu{display:none}.menu img{width:30px}.line{display:flex;align-items:center;gap:15px;margin-bottom:20px}.contact-icon{font-size:28px;color:#5b21b6}.line p{margin:0;color:#555}.line-img{display:flex;flex-direction:column;gap:20px;margin-top:30px;position:fixed;bottom:0;right:0;z-index:2000}.line-img a{width:45px;height:45px;display:flex;justify-content:center;align-items:center;background:#5b21b6;color:#fff;border-radius:50%;font-size:22px;transition:all .3s ease}.line-img a:hover{background:transparent;color:#5b21b6;border:2px solid #5b21b6;transform:translateY(-5px)}@media(max-width:768px){.menu{display:block}.line-img a{margin-bottom:10px}.location{margin-top:20px}.line-img{margin-top:15px;margin-bottom:15px}.line-img img{margin-left:15px;margin-top:10px}}@media(max-width:645px){.contact-feature{margin:0;padding:20px}.contact-feature h2{font-size:30px;text-align:center}.contact-feature p{font-size:13px;text-align:center}form input,form textarea{width:450px}.contact-img img{width:450px;height:400px}.location{display:flex;flex-direction:column;margin-top:25px;gap:15px}.line-img a{margin-bottom:10px}}@media(max-width:545px){.contact-feature{margin:0;padding:20px}.line-img a{margin-bottom:10px}.contact-feature h2{font-size:30px;text-align:center;margin:0}.contact-feature p{font-size:13px;text-align:center}form input,form textarea{width:350px}.contact-img img{width:350px;height:300px}.location{display:flex;flex-direction:column;margin-top:25px;gap:15px}.line-img{margin-top:15px;margin-bottom:15px}}@media(max-width:400px){.contact-feature{margin:0;padding:20px}form input,form textarea{width:300px}.contact-img img{width:300px;height:300px}.location{display:flex;flex-direction:column;margin-top:25px;gap:15px}.line-img{margin:0;gap:0}.line-img a{margin-bottom:10px}}.footer-section{width:100%;min-height:180px;background:linear-gradient(135deg,#5b21b6,#7c3aed);display:flex;justify-content:space-between;align-items:center;padding:40px 120px;margin-top:80px;position:relative;overflow:hidden}.footer-section:before{content:"";position:absolute;width:250px;height:250px;background:#ffffff26;border-radius:50%;top:-100px;right:50px}.footer-feature{display:flex;align-items:center;gap:25px;color:#fff;z-index:2}.logo{width:75px;height:75px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:3px solid white;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.4s ease}.logo:hover{transform:rotate(10deg) scale(1.1);background:#fff}.logo h1{color:#fff;font-size:32px;margin:0;transition:.3s}.logo:hover h1{color:#5b21b6}.footer-text h3{font-size:22px;margin-bottom:8px;letter-spacing:.5px}.footer-text p{max-width:350px;line-height:1.6;font-size:14px;color:#ffffffd9;margin-bottom:10px}.footer-text span{font-size:13px;color:#ffffffb3}.back{z-index:2}.back-top{display:flex;align-items:center;gap:12px;padding:14px 25px;background:#fff;color:#5b21b6;border:none;border-radius:30px;font-weight:700;cursor:pointer;transition:.4s ease;box-shadow:0 10px 25px #00000026}.back-top img{width:22px;transition:.4s ease}.back-top:hover{background:#5b21b6;color:#fff;border:2px solid white;transform:translateY(-5px)}.back-top:hover img{transform:translateY(-5px)}@media(max-width:900px){.footer-section{padding:40px 50px}}@media(max-width:650px){.footer-section{flex-direction:column;text-align:center;gap:35px;padding:40px 20px}.footer-feature{flex-direction:column}.footer-text p{max-width:280px}.logo{width:70px;height:70px}.back-top{padding:12px 22px}}