.navbar{z-index:1000;background-color:#fff;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.logo{flex-direction:row;align-items:center;gap:10px;display:flex}.logo img{width:45px;height:35px}.logo-text{flex-direction:column;display:flex}.logo-text h1{margin:0;font-size:22px}.logo-text p{color:gray;margin:0;font-size:13px}.nav-links{gap:30px;list-style:none;display:flex}.nav-links :active{border-bottom:2px solid #000;font-weight:700}.nav-links li{cursor:pointer}.nav-links li a{color:#000;font-size:16px;text-decoration:none}.contact-btn{color:#fff;cursor:pointer;background:#000;border-radius:15px;padding:10px 20px}.hamburger{cursor:pointer;font-size:28px;display:none}.desktop-btn{display:block}.mobile-btn{margin-top:20px;display:none}@media (width<=768px){.hamburger{display:block}.desktop-btn{display:none}.nav-links{background:#fff;flex-direction:column;align-items:center;gap:25px;width:100%;height:calc(100vh - 70px);padding-top:40px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:70px;right:0;transform:translate(100%)}.nav-links.active{transform:translate(0)}.mobile-btn{display:block}.logo-text h1{font-size:18px}.logo-text p{font-size:11px}}.stack-section{width:100%;height:100vh;position:relative;overflow:hidden}.stack-wrapper{width:100%;height:100%;position:relative}.stack-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.stack-wrapper picture:first-child img{z-index:5}.stack-wrapper picture:nth-child(2) img{z-index:4}.stack-wrapper picture:nth-child(3) img{z-index:3}.stack-wrapper picture:nth-child(4) img{z-index:2}.stack-wrapper picture:nth-child(5) img{z-index:1}@media (width<=768px){.stack-section{height:100vh}}.clients{background:#f5f5f5;padding:150px 0;overflow:hidden}.clients-container{flex-direction:column;gap:120px;display:flex}.clients-header{text-align:center;margin-bottom:40px}.clients-header h1{margin-bottom:10px;font-size:2.5rem}.clients-header p{color:#666;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.5}.logo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:80px;padding:0 10%;display:flex}.logo-row img{object-fit:contain;width:175px;height:180px;transition:all .3s}.logo-row img:hover{transform:scale(1.1)}@media (width<=768px){.clients{padding:80px 0}.clients-container{gap:60px}.clients-header h1{font-size:1.8rem}.clients-header p{padding:0 15px;font-size:.95rem}.logo-row{grid-template-columns:repeat(5,1fr);gap:15px;padding:0 15px;display:grid}.logo-row img{object-fit:contain;width:100%;height:60px}}.admin-clients{margin-top:70px;padding:40px}.upload-section{margin:20px 0}.upload-section input{margin-right:10px}.admin-logos{grid-template-columns:repeat(5,1fr);gap:30px;margin-top:40px;display:grid}.logo-card{text-align:center;background:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:15px;display:flex;box-shadow:0 2px 8px #00000014}.logo-card img{object-fit:contain;background:#f5f5f5;border-radius:6px;width:120px;height:80px;padding:10px;display:block}.delete-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:4px;margin-top:10px;padding:6px 12px;position:static!important}@media (width<=1024px){.admin-clients{padding:30px}.admin-logos{grid-template-columns:repeat(3,1fr);gap:20px}.logo-card img{width:100px;height:70px}}@media (width<=768px){.admin-clients{padding:20px}.upload-section{flex-direction:column;gap:10px;display:flex}.upload-section input{margin-right:0}.admin-logos{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.logo-card img{width:100%;height:70px}.delete-btn{width:100%;padding:8px;font-size:14px}}@media (width<=480px){.admin-logos{grid-template-columns:1fr}.logo-card img{height:65px}.delete-btn{padding:7px;font-size:13px}}.footer{color:#fff;background:#000;padding:40px 20px 20px;font-family:Segoe UI,sans-serif}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1200px;margin:auto;display:flex}.footer-brand h3{color:#fff;margin-bottom:6px;font-size:24px}.footer-brand p{color:#fff;font-size:14px}.footer-nav,.footer-links,.footer-contact,.footer-social{min-width:150px}.footer-nav h4,.footer-links h4,.footer-contact h4,.footer-social h4{color:#fff;margin-bottom:10px;font-size:16px}.footer-nav a,.footer-links a{color:#fff;margin-bottom:6px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-nav a:hover,.footer-links a:hover{color:#1da1f2}.footer-contact p{margin-bottom:6px;font-size:14px}.footer-social a{color:#fff;margin-right:12px;font-size:26px;transition:color .3s,transform .3s}.footer-social a:hover{color:#1da1f2;transform:translateY(-3px)}.footer-divider{border:none;border-top:1px solid #444;margin:20px 0}.footer-bottom{text-align:center;color:#fff;font-size:13px}.footer-contact a{color:#fff;text-decoration:none;transition:color .3s}.footer-contact a:hover{color:#1da1f2}@media (width<=768px){.footer-top{text-align:center;flex-direction:column;align-items:center}.footer-social{margin-top:10px}}.service-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#e95151,#ecff5c,#f7b66c);padding:120px 20px 80px}.cta{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:20px;padding:12px 25px}.service-section{padding:80px 8%}.service-row{align-items:center;gap:50px;margin-bottom:80px;display:flex}.service-row.reverse{flex-direction:row-reverse}.hidden{opacity:0;transition:all .8s;transform:translateY(60px)}.show{opacity:1;transform:translateY(0)}.fancy-hr{background:linear-gradient(90deg,#06e755,#f6d13b,#6366f1);border:none;border-radius:10px;width:0%;height:3px;margin-top:25px;transition:width 1s;box-shadow:0 0 10px #3b82f699}.service-row.show .fancy-hr{width:100%}.service-img{border-radius:12px;width:50%;overflow:hidden}.service-img img{width:100%;transition:transform .5s}.service-img:hover img{transform:scale(1.08)}.service-text{width:50%}.service-btn{color:#fff;cursor:pointer;background:#04b327;border:none;border-radius:8px;margin-top:20px;padding:12px 25px;font-weight:700}@media (width<=900px){.service-row,.service-row.reverse{flex-direction:column!important}.service-img,.service-text{width:100%}.fancy-hr{width:100%!important}.hidden{transform:translateY(40px)}}.works-page{text-align:center;padding:120px 8%}.works-title{margin-bottom:40px;font-size:40px}.works-tabs{flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:60px;display:flex}.tab-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 18px;font-size:16px}.tab-btn.active{color:#fff;background:#000}.work-card{border:1px solid #ccc;border-radius:20px;height:260px;overflow:hidden}.work-card img{object-fit:cover;width:100%;height:100%}@media (width<=1024px){.works-title{font-size:32px}.works-grid{grid-template-columns:repeat(2,1fr);gap:20px}.work-card{height:220px}}@media (width<=768px){.works-page{padding:100px 5%}.works-title{margin-bottom:25px;font-size:26px}.works-tabs{gap:12px;margin-bottom:30px}.tab-btn{padding:8px 14px;font-size:14px}.works-grid{grid-template-columns:1fr;gap:18px}.work-card{height:200px}}@media (width<=480px){.works-title{font-size:22px}.tab-btn{padding:7px 12px;font-size:13px}.work-card{border-radius:15px;height:180px}}.works-container{box-sizing:border-box;min-height:100vh;padding:40px 60px}.works-container h2{margin-bottom:30px;font-size:32px}.works-container form{flex-wrap:wrap;gap:15px;margin-bottom:50px;display:flex}.works-container input,.works-container select,.works-container button{padding:10px;font-size:14px}.works-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.work-card{background:#fff;border-radius:10px;height:200px;padding:15px 15px 60px;position:relative;box-shadow:0 4px 10px #00000014}.work-media{object-fit:contain;z-index:1;border-radius:8px;width:100%;height:80%;display:block;position:relative}.delete-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:5px;margin-top:50px;padding:10px}.delete-btn:hover{background:#8b0000}.modal{z-index:9999;cursor:pointer;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:10px;max-width:90%;max-height:90%}@media (width<=1024px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.works-container{padding:20px}.works-container h2{text-align:center;font-size:22px}.works-container form{flex-direction:column}.works-grid{grid-template-columns:1fr}}.packages-section{color:#fff;text-align:center;background:#0f172a;padding:80px 20px}.packages-title{margin-bottom:50px;font-size:42px}.service-section{margin-bottom:70px}.section-title{margin-bottom:30px;font-size:28px}.grid-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;display:grid}.card{background:#1e293b;border-radius:15px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #00000080}.recommended-badge{color:#fff;background:#ff9800;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 8px #0003}.card h3{margin-bottom:10px;font-size:20px}.price{color:#3b82f6;margin-bottom:15px;font-size:26px}.card ul{margin-bottom:15px;padding:0;list-style:none}.card li{margin-bottom:8px;font-size:14px}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;width:100%;padding:10px;transition:all .3s}.btn:hover{background:linear-gradient(135deg,#2563eb,#4f46e5)}@media (width<=1024px){.packages-title{margin-bottom:40px;font-size:34px}.section-title{font-size:24px}.grid-container{gap:20px}.card{padding:20px}.price{font-size:22px}}@media (width<=768px){.packages-section{padding:60px 15px}.packages-title{margin-bottom:30px;font-size:26px}.section-title{margin-bottom:20px;font-size:20px}.service-section{margin-bottom:50px}.grid-container{grid-template-columns:1fr;gap:18px}.card{border-radius:12px;padding:18px}.card h3{font-size:18px}.price{font-size:20px}.card li{font-size:13px}.btn{padding:9px;font-size:14px}}@media (width<=480px){.packages-title{font-size:22px}.section-title{font-size:18px}.card{padding:15px}.price{font-size:18px}.btn{padding:8px;font-size:13px}}.contact-container{justify-content:space-between;gap:80px;margin-top:100px;padding:80px;font-family:Anton,sans-serif;display:flex}.contact-left{width:40%}.contact-left h1{color:#1a1245;margin-bottom:10px;font-size:40px}.subtitle{margin-bottom:20px;font-family:sans-serif;font-size:18px}.contact-info{margin-bottom:30px;font-family:sans-serif;line-height:2}.contact-info a{color:#000;text-decoration:none}.map-box{border:1px solid #ccc;border-radius:12px;width:100%;height:400px;overflow:hidden}.contact-right{width:60%;font-family:sans-serif}.form-row{gap:20px;margin-bottom:40px;display:flex}.form-group{flex-direction:column;width:100%;display:flex}.form-group label{margin-bottom:3px;font-size:14px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:8px;padding:12px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-content:center;margin-top:10px;padding:12px 30px;font-size:16px}.full-width{width:100%}.full-width textarea{resize:none;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px}.social-section{text-align:center;margin-top:30px}.social-section h2{margin-bottom:15px}.social-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.social-item{background:0 0;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:8px;transition:all .3s;display:flex}.social-item:hover{transform:scale(1.05)}.social-item svg{color:#333;margin-bottom:8px;font-size:24px;transition:all .3s}.social-item:first-child:hover svg{color:#e1306c}.social-item:nth-child(2):hover svg{color:#1877f2}.social-item:nth-child(3):hover svg{color:red}.social-item:nth-child(4):hover svg{color:#0077b5}.social-item a{color:#333;font-size:16px;text-decoration:none;transition:all .3s}@media (width<=1024px){.contact-container{gap:40px;padding:60px 40px}.contact-left h1{font-size:32px}.map-box{height:300px}.form-row{gap:15px}}@media (width<=768px){.contact-container{flex-direction:column;gap:40px;padding:40px 20px}.contact-left,.contact-right{width:100%}.contact-left h1{text-align:center;font-size:26px}.subtitle{text-align:center;font-size:15px}.contact-info{text-align:center;font-size:14px}.map-box{height:250px}.form-row{flex-direction:column;gap:15px;margin-bottom:20px}.form-group label{font-size:13px}.form-group input,.form-group select{padding:10px;font-size:13px}.submit-btn{width:100%;padding:10px;font-size:14px}.full-width textarea{font-size:13px}.social-section{margin-top:20px}.social-section h2{font-size:18px}.social-grid{grid-template-columns:1fr;gap:12px}.social-item{justify-content:flex-start;padding:10px}.social-item a{font-size:14px}}@media (width<=480px){.contact-left h1{font-size:22px}.subtitle{font-size:14px}.contact-info{font-size:13px}.map-box{height:220px}.submit-btn{font-size:13px}.social-item svg{font-size:20px}}html,body{overflow-x:hidden}.page-container{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;padding-top:80px;padding-bottom:200px}.app{background-color:#000;width:100%;overflow-x:hidden}.hero{color:#fff;background:#000;flex-direction:column;align-items:center;height:100vh;display:flex}.hero-title{letter-spacing:px;text-transform:uppercase;letter-spacing:2px;gap:20px;margin-bottom:20px;font-family:Oswald,sans-serif;font-size:200px;font-weight:700;display:flex}.hero-title span{transform-origin:bottom;transition:transform .35s;display:inline-block}.hero-title span:hover{transform:scaleY(1.35)}.hero-subtitle{text-align:center;color:#aaa;max-width:900px;margin-top:10px;font-size:18px;line-height:2.1}.scroll-down{letter-spacing:2px;cursor:pointer;opacity:.7;margin-top:100px;font-size:14px;transition:all .3s}.scroll-down:hover{opacity:1;transform:translateY(5px)}.welcome{text-align:center;color:#fff;margin-top:20px}.welcome h1{color:#ffd900;font-family:Oswald,sans-serif;font-size:50px}.welcome p{max-width:800px;margin-top:5px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.5}.skills{color:#fff;text-align:center;background:#000;padding:200px 0}.skills-top{letter-spacing:3px;opacity:0;color:#ffd900;font-size:18px}.skills-list{margin-top:80px}.skills-list h2{opacity:.15;font-family:Oswald,sans-serif;font-size:60px;transition:all .4s}.skills-list h2.active{opacity:1;font-size:70px}.aboutmd-wrapper{background-color:#61bca0;justify-content:center;width:100%;padding:80px 0;display:flex}.aboutmd-container{align-items:center;gap:60px;width:80%;display:flex}.aboutmd-image{flex:1}.aboutmd-image img{object-fit:cover;border-radius:16px;width:100%;height:400px}.aboutmd-content{flex:2;font-family:sans-serif}.aboutmd-content h2{color:#1a1245;letter-spacing:2px;margin-bottom:10px;font-family:Anton,sans-serif;font-size:40px}.aboutmd-content h3{margin-bottom:15px;font-size:22px}.aboutmd-content p{color:#000;margin-bottom:15px;font-size:15px;line-height:1.8}.md-contact{border-top:1px solid #000;flex-direction:row;gap:70px;margin-top:20px;padding-top:15px;display:flex}.contact-item{color:#000;align-items:center;gap:10px;font-size:14px;transition:all .3s;display:flex}.contact-item a{color:inherit;text-decoration:none}.contact-item:hover{color:#000;transform:translate(5px)}@media (width<=1024px){html,body{overflow-x:hidden}.hero-title{gap:12px;font-size:120px}.hero-subtitle{padding:0 20px;font-size:16px}.welcome h1{font-size:36px}.skills{padding:120px 0}.skills-list h2{font-size:45px}.skills-list h2.active{font-size:55px}.aboutmd-container{gap:40px;width:90%}.aboutmd-image img{height:300px}}@media (width<=768px){html,body{overflow-x:hidden}.hero{height:100vh;padding:40px 15px}.hero-title{text-align:center;flex-wrap:wrap;justify-content:center;gap:8px;font-size:60px}.hero-subtitle{padding:0 10px;font-size:14px;line-height:1.6}.scroll-down{margin-top:40px;font-size:12px}.welcome h1{font-size:28px}.welcome p{font-size:14px}.skills{padding:80px 0}.skills-top{font-size:14px}.skills-list{margin-top:40px}.skills-list h2{font-size:30px}.skills-list h2.active{font-size:36px}.aboutmd-container{flex-direction:column;gap:25px;width:90%}.aboutmd-image img{width:300px;height:320px}.aboutmd-content h2{text-align:center;font-size:26px}.aboutmd-content h3{font-size:18px}.aboutmd-content p{font-size:14px}.md-contact{flex-direction:column;gap:15px}.contact-item{font-size:13px}}@media (width<=480px){html,body{overflow-x:hidden}.hero{height:100vh;padding-top:50%}.hero-title{font-size:100px}.hero-subtitle{font-size:13px}.welcome h1,.skills-list h2{font-size:24px}.skills-list h2.active{font-size:28px}.aboutmd-content h2{text-align:center;font-size:22px}.aboutmd-image img{width:250px;height:280px}}