*{padding:0;margin:0;box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background:linear-gradient(to bottom,#0a0f2c,#1a223f 60%,#3a2d5c);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:#fff}.container{max-width:1536px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}section{height:100vh;scroll-snap-align:center}#portfolio{height:auto;scroll-snap-align:none}#contact{position:relative;z-index:1}@media (max-width: 768px){section{height:auto;min-height:100vh;scroll-snap-align:none}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.hero{height:100%;overflow:hidden;display:flex}.bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.hImg{position:absolute;bottom:0;right:0;left:0;margin:auto;height:80%;width:max-content;animation:floatImg 4s ease-in-out infinite}.hImg img{width:100%;height:100%;object-fit:cover}@keyframes floatImg{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.hSection{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hTitle{margin-top:50px;font-size:100px;color:#4937e9}.hTitle span{color:#fff}.awards{width:30%}.awards p{font-size:14px;color:#ddd;margin:16px 0}.awardList{display:flex;gap:8px}.awardList img{width:36px;height:36px;padding:8px;background-color:#fff;border-radius:100%}.scroll{margin-bottom:50px;width:max-content}.hSection.right{align-items:end}.follow{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#2f204e;border-bottom-right-radius:10px}.follow img,.followTextContainer{width:20px;height:20px}.followText{background-color:#dd4c62;font-size:12px;rotate:90deg;width:max-content;height:100%;transform-origin:left top;transform:translateY(-20px);padding:0 8px;display:flex;align-items:center;border-bottom-right-radius:10px}.bubbleContainer{width:50%;display:flex;align-items:end;gap:8px;justify-content:space-between}.bubble{width:100%;height:100px;background-color:#fff;color:#555;padding:24px;font-size:18px;border-radius:20px 20px 0}.bubbleContainer img{width:50px;height:50px;border-radius:100%;object-fit:cover;background-color:#dd4c62}.certificate{width:60%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;line-height:24px;font-weight:300;color:#ddd}.certificate img{width:70px;height:70px}.contactLink{margin-bottom:50px}.contactButton{position:relative}.circleText{letter-spacing:3px;font-size:20px}.arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center}@media (max-width: 1536px){.hTitle{font-size:72px}}@media (max-width: 1280px){.bg{height:60%;top:auto;bottom:0}.hImg{height:100%}.hTitle{font-size:88px}.awards{width:60%}.bubbleContainer{width:100%}}@media (max-width: 1024px){.bg{height:50%}.hTitle{font-size:72px}}@media (max-width: 768px){.hero{flex-direction:column}.bg{height:45%;bottom:0;top:auto}.hImg{height:auto;max-height:45vh;width:100%;left:0;right:0;bottom:0;display:flex;justify-content:center;animation:floatImgMobile 4s ease-in-out infinite}.hImg img{width:auto;height:100%;max-height:45vh;object-fit:contain}@keyframes floatImgMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hSection{width:100%}.hSection.left{align-items:center;text-align:center;gap:20px;padding:0 16px}.hTitle{font-size:36px;margin-top:30px}.awards{width:100%}.awards p{font-size:12px}.awardList{justify-content:center}.hSection.right{justify-content:end;align-items:flex-end}.contactLink{margin-bottom:20px;margin-right:16px}.contactButton svg{width:70px;height:70px}.arrow svg{width:28px;height:28px}.arrow{width:40px;height:40px}.follow,.bubbleContainer,.certificate{display:none}}.services{height:100%;overflow:hidden;display:flex}.sSection{width:50%;display:flex;flex-direction:column;justify-content:center}.sTitle{font-size:88px;margin-bottom:24px}.serviceList{display:flex;flex-direction:column;gap:16px}.service{width:50%;padding:30px;border-radius:20px;background-color:#2f213f;display:flex;align-items:center;gap:16px;cursor:pointer}.serviceIcon{width:48px;height:48px;border-radius:100%;display:flex;align-items:center;justify-content:center}.serviceIcon img{width:24px;height:24px}.serviceInfo h2{font-size:18px;font-weight:500;margin-bottom:8px}.serviceInfo h3{font-size:13px;font-weight:300}.service:nth-child(1) .serviceIcon{background-color:#dd4c62}.service:nth-child(2) .serviceIcon{background-color:#025656}.service:nth-child(3) .serviceIcon{background-color:#6c5c0c}.counterList{width:50%;display:flex;align-items:center;justify-content:space-between;margin-top:24px}.counter{display:flex;flex-direction:column;gap:8px}.counter h1{font-size:48px;color:#dd4c62}.counter p{font-size:13px;width:120px}@media (max-width: 1536px){.service,.counterList{width:70%}}@media (max-width: 1280px){.sTitle{font-size:128px}.service{width:100%}}@media (max-width: 1024px){.sTitle{font-size:48px}.service,.counterList{width:100%}}@media (max-width: 768px){.services{height:auto!important;overflow:visible!important;flex-direction:column!important;padding:40px 16px}.sSection{width:100%!important}.sSection.right{display:none!important}.service,.counterList{width:100%!important}.sTitle{font-size:36px}}