*{box-sizing:border-box;margin:0;padding:0}.About-container{color:#fff;background-color:#000;flex-wrap:wrap;justify-content:center;align-items:center;gap:80px;min-height:800px;padding:50px;display:flex}.About-Photo{border-radius:14px;width:350px;height:350px;margin-right:100px;position:relative}.About-Photo img{object-fit:cover;border-radius:14px;width:100%;height:100%}.About-Photo:before{content:"";border:4px solid #8c52ff;border-radius:14px;width:calc(100% + 10px);height:calc(100% + 10px);animation:2s infinite alternate neonPulse;position:absolute;top:-5px;left:-5px;box-shadow:0 0 20px #8c52ff,0 0 40px #8c52ff,0 0 60px #8c52ff}@keyframes neonPulse{0%{transform:scaleY(-2px);box-shadow:0 0 10px #8c52ff,0 0 15px #8c52ff,0 0 30px #8c52ff}to{transform:scaleY(2px);box-shadow:0 0 20px #b584ff,0 0 40px #b584ff,0 0 40px #b584ff}}.About-Info{flex-direction:column;gap:20px;max-width:600px;display:flex}.About-Info h1{color:#8c52ff;font-size:50px}.About-Info span{font-size:18px;line-height:1.6}@media (width<=1024px){.About-container{flex-direction:column;gap:40px;min-height:auto;padding:30px}.About-Photo{width:300px;height:300px;margin-right:0}.About-Info h1{text-align:center;font-size:40px}.About-Info span{text-align:center;font-size:16px}}@media (width<=600px){.About-container{gap:20px;padding:20px}.About-Photo{width:250px;height:250px}.About-Info{max-width:100%;padding:0 10px}.About-Info h1{font-size:28px}.About-Info span{font-size:14px;line-height:1.4}}.ContactAnim-container{background-color:#000;justify-content:center;align-items:center;height:800px;display:flex}.circle-container{width:0;height:0;position:relative}.circle-item{width:80px;height:80px;transform:rotate(calc(45deg * var(--i))) translateX(var(--radius)) rotate(calc(-45deg * var(--i)));animation:rotateItem var(--speed) linear infinite;transform-origin:50%;margin:-40px;transition:transform .3s,z-index;position:absolute;top:50%;left:50%}.circle-item:hover{transform:rotate(calc(45deg * var(--i))) translateX(var(--radius)) rotate(calc(-45deg * var(--i))) scale(1.3);z-index:10;animation-play-state:paused}.circle-item img{border-radius:50%;width:100%;height:100%}@keyframes rotateItem{0%{transform:rotate(calc(45deg * var(--i))) translateX(var(--radius)) rotate(calc(-45deg * var(--i)))}to{transform:rotate(calc(405deg + 45deg * var(--i))) translateX(var(--radius)) rotate(calc(-405deg - 45deg * var(--i)))}}@media (width<=1024px){.ContactAnim-container{height:600px;padding:20px}.circle-item{--radius:120px;width:60px;height:60px;margin:-30px}}@media (width<=600px){.ContactAnim-container{height:500px;padding:10px}.circle-item{--radius:90px;width:50px;height:50px;margin:-25px}}.Contact-container{color:#fff;background-color:#000;flex-direction:column;gap:40px;padding:80px 20px;font-family:Arial,sans-serif;display:flex}.Animation{width:100%;max-width:600px;height:600px;position:relative}.Contact-container h1{text-align:center;color:#f0f0f0;margin-bottom:20px;font-size:2.5rem}.Contact{text-align:center;background-color:#1a1a1a;border-radius:15px;flex-direction:column;gap:15px;margin-top:60px;padding:25px 35px;display:flex;box-shadow:0 0 20px #00000080}.Contact p,.Contact a{color:#e0e0e0;font-size:1.2rem;text-decoration:none;transition:all .3s}.Contact a:hover{color:#8a2be2}.Contact p span{color:#fff;font-weight:700}@media (width<=768px){.Animation{height:400px}.Animation{max-width:100%;height:400px}.Contact-container h1{font-size:2rem}.Contact{margin-top:40px;padding:20px}.Contact p,.Contact a{font-size:1rem}}@media (width<=480px){.Animation{max-width:100%;height:250px}.Contact-container{gap:20px;padding:40px 10px}.Contact{margin-top:30px;padding:15px}.Contact-container h1{font-size:1.6rem}.Contact p,.Contact a{font-size:.9rem;line-height:1.4}}.NavBar{gap:40px;margin-right:100px;display:flex}.NavBar button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px;position:relative}.NavBar button:hover,.NavBar button.active{color:#8c52ff}.NavBar button.active:after{content:"";background:#8c52ff;width:100%;height:2px;position:absolute;bottom:-5px;left:0}@media (width<=1024px){.NavBar{gap:20px;margin-right:40px}.NavBar button{font-size:16px}}@media (width<=600px){.NavBar{flex-direction:column;align-items:center;gap:15px;margin-top:10px;margin-right:0}.NavBar button{font-size:14px}}.Header-container{color:#fff;z-index:1000;background-color:#000;border-bottom:1px solid #fff;justify-content:space-between;align-items:center;width:100%;height:70px;display:flex;position:fixed;top:0;left:0}.title{margin-left:100px;font-size:24px}.title span{color:#8c52ff}@media (width<=1024px){.title{margin-left:40px;font-size:20px}.Header-container{height:60px}}@media (width<=600px){.title{margin-left:20px;font-size:18px}.Header-container{height:55px;padding:0 10px}}.Main-container{color:#fff;background-color:#000;justify-content:flex-start;align-items:center;height:658px;margin-top:1px;padding:0 50px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.Main{align-items:flex-start;display:flex}.Main-i{flex-direction:column;margin-top:100px;margin-left:100px;display:flex}.Main-title{letter-spacing:1px;color:#e0e0e0;margin-bottom:20px;font-size:28px;font-weight:600}.Change-text{background:linear-gradient(90deg,#6350ff,#8c52ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:46px;font-weight:700;position:relative}.cursor{background-color:#6350ff;width:1ch;margin-left:2px;animation:1s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.Main-photo{border-radius:100%;width:350px;height:350px;margin-left:100px;position:relative}.Main-photo>img{object-fit:cover;border-radius:100%;width:100%;height:100%;display:block}.Main-photo:before{content:"";border:4px solid #8c52ff;border-radius:100%;width:calc(100% + 10px);height:calc(100% + 10px);animation:2s infinite alternate neonPulse;position:absolute;top:-5px;left:-5px;box-shadow:0 0 20px #8c52ff,0 0 40px #8c52ff,0 0 60px #8c52ff}@media (width<=1024px){.Main-container{text-align:center;flex-direction:column;justify-content:center;height:auto;padding:40px 20px}.Main{flex-direction:column;align-items:center}.Main-i{margin:40px 0 20px}.Main-title{font-size:24px}.Change-text{font-size:36px}.Main-photo{width:280px;height:280px;margin-left:0}}@media (width<=600px){.Main-container{gap:20px;padding:30px 15px}.Main-i{margin:20px 0}.Main-title{font-size:20px}.Change-text{font-size:28px}.Main-photo{width:220px;height:220px}}.Project-cart{background:linear-gradient(145deg,#2a2a2a,#3a3a3a);border-radius:20px;flex-direction:column;justify-content:space-between;transition:all .3s;display:flex;overflow:hidden}.Project-cart:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 10px 30px #8000ff66}.Project-Photo{width:100%;height:200px;overflow:hidden}.Project-Photo img{object-fit:cover;width:100%;height:100%;transition:all .4s}.Project-cart:hover .Project-Photo img{transform:scale(1.1)}.Project-name{margin:15px 20px 5px;font-size:20px}.Project-cart p{color:#ccc;margin:0 20px 15px;font-size:14px;line-height:1.4}.Project-href{margin:0 20px 20px}.Project-href a{color:#fff;background:linear-gradient(90deg,#7b2ff7,#9b4dff);border-radius:10px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.Project-href a:hover{background:linear-gradient(90deg,#9b4dff,#7b2ff7);transform:scale(1.05)}.Project-container{color:#fff;background-color:#000;grid-template-columns:repeat(3,300px);justify-content:center;gap:40px;margin:0 auto;padding:150px 20px 50px;display:grid}@media (width<=1024px){.Project-container{grid-template-columns:repeat(2,1fr);gap:30px;padding:100px 20px 40px}.Project-cart{border-radius:15px}.Project-name{font-size:18px}}@media (width<=600px){.Project-container{grid-template-columns:1fr;gap:20px;padding:80px 15px 30px}.Project-cart{border-radius:12px}.Project-Photo{height:180px}.Project-name{font-size:16px}.Project-cart p{font-size:13px}.Project-href a{padding:6px 12px;font-size:13px}}.service-card{text-align:center;background-color:#363636;border-radius:14px;align-items:center;height:350px}.icon{color:#8c52ff;margin-top:30px;margin-bottom:20px;margin-left:135px;font-size:36px}.Serv-buttActive{background:#fff;border-radius:20px;width:90%;max-width:1000px;height:90%;max-height:90vh;padding:40px;animation:.3s ease-out slideIn;position:relative;overflow-y:auto}.service-card:hover{border:3px solid #8c52ff;animation:2s infinite alternate neonPulse;box-shadow:0 0 10px #8c52ff,0 0 20px #8c52ff,0 0 30px #8c52ff}.Service-container{color:#fff;background-color:#000;grid-template-columns:repeat(3,300px);justify-content:center;gap:50px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:grid}@media (width<=1024px){.Service-container{grid-template-columns:repeat(2,1fr);gap:30px;padding:40px 20px}.service-card{height:320px}.icon{margin-left:0;font-size:32px}}@media (width<=600px){.Service-container{grid-template-columns:1fr;gap:20px;padding:30px 15px}.service-card{height:auto;padding:20px 10px}.icon{margin-left:0;font-size:28px}}