*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#08090d;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none}.app{background:#08090d;min-height:100vh}nav{z-index:50;justify-content:space-between;align-items:center;width:100%;padding:25px 7%;display:flex;position:absolute;top:0;left:0}.logo{color:#fff;letter-spacing:-1px;font-size:28px;font-weight:800}.logo span{color:#8b5cf6}.nav-links{gap:35px;list-style:none;display:flex}.nav-links a{color:#aeb1bd;font-size:14px;transition:all .3s}.nav-links a:hover{color:#fff}.nav-btn{color:#08090d;background:#fff;border-radius:50px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s}.nav-btn:hover{transform:translateY(-3px)}.hero{align-items:center;min-height:100vh;padding:140px 7% 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(190px);opacity:.18;pointer-events:none;background:#7c3aed;width:650px;height:650px;position:absolute;top:-250px;right:-100px}.hero-content{z-index:5;width:52%;position:relative}.tag,.section-tag{color:#aeb1bd;background:#ffffff08;border:1px solid #292b36;border-radius:50px;padding:8px 15px;font-size:13px;display:inline-flex}.hero h1{letter-spacing:-5px;margin-top:25px;font-size:clamp(50px,6vw,88px);line-height:.95}.hero h1 span{color:#8b5cf6}.hero-text{color:#999daa;max-width:570px;margin-top:28px;font-size:18px;line-height:1.7}.hero-buttons{gap:15px;margin-top:35px;display:flex}.primary-btn,.secondary-btn{border-radius:50px;justify-content:center;align-items:center;padding:15px 25px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.primary-btn{color:#08090d;background:#fff}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px #ffffff1f}.secondary-btn{color:#fff;border:1px solid #30323c}.secondary-btn:hover{border-color:#8b5cf6;transform:translateY(-4px)}.message-stage{z-index:3;width:45%;height:500px;position:absolute;right:5%}.orbit{border:1px solid #ffffff14;border-radius:50%;width:430px;height:430px;animation:4s ease-in-out infinite orbitPulse;position:absolute;top:30px;left:50%;transform:translate(-50%)}.orbit:before{content:"";border:1px solid #8b5cf62e;border-radius:50%;position:absolute;inset:55px}@keyframes orbitPulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.04)}}.message{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;width:290px;padding:18px 20px;animation:4s ease-in-out infinite messageFloat;position:absolute;top:175px;left:50%;transform:translate(-50%);box-shadow:0 25px 80px #00000059}.message-top{align-items:center;gap:10px;margin-bottom:13px;display:flex}.avatar{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;width:35px;height:35px;box-shadow:0 0 25px #8b5cf659}.message-name{font-size:13px;font-weight:700}.online{color:#8c91a1;margin-top:3px;font-size:10px}.message-body{color:#d7d9e2;font-size:14px;line-height:1.5}.typing{gap:5px;margin-top:15px;display:flex}.typing span{background:#8b5cf6;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes messageFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-20px)}}.pass-message{color:#bfc2cf;white-space:nowrap;z-index:10;background:#151720;border:1px solid #292c38;border-radius:15px;padding:12px 18px;font-size:12px;position:absolute}.pass-one{animation:5s linear infinite passOne;top:100px;left:-20px}.pass-two{animation:6s linear infinite passTwo;bottom:80px;right:-20px}@keyframes passOne{0%{opacity:0;transform:translate(-80px)}20%{opacity:1}50%{opacity:1;transform:translate(300px)}80%{opacity:1}to{opacity:0;transform:translate(500px)}}@keyframes passTwo{0%{opacity:0;transform:translate(80px)}20%{opacity:1}50%{opacity:1;transform:translate(-300px)}80%{opacity:1}to{opacity:0;transform:translate(-500px)}}.dot{background:#8b5cf6;border-radius:50%;width:7px;height:7px;animation:4s ease-in-out infinite dotFloat;position:absolute;box-shadow:0 0 20px #8b5cf6}.dot1{top:90px;right:30%}.dot2{animation-delay:1s;bottom:80px;left:20%}.dot3{animation-delay:2s;top:45%;right:5%}@keyframes dotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.services{background:#0c0d12;padding:120px 7%}.section-title{text-align:center;letter-spacing:-2px;margin-bottom:60px;font-size:45px}.service-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.service{background:#101117;border:1px solid #22242d;border-radius:22px;min-height:240px;padding:30px;transition:all .4s}.service:hover{border-color:#8b5cf6;transform:translateY(-10px);box-shadow:0 20px 50px #8b5cf614}.service-number{color:#8b5cf6;font-size:13px}.service h3{margin-top:25px;font-size:20px}.service p{color:#858997;margin-top:12px;font-size:14px;line-height:1.6}.work{padding:150px 7%;position:relative;overflow:hidden}.work:before{content:"";filter:blur(180px);opacity:.12;background:#8b5cf6;width:400px;height:400px;position:absolute;top:20%;left:30%}.work h2,.about h2{letter-spacing:-4px;max-width:900px;margin-top:25px;font-size:clamp(42px,6vw,75px);line-height:1}.work h2 span,.about h2 span{color:#8b5cf6}.work p{color:#858997;max-width:600px;margin-top:30px;font-size:17px;line-height:1.7}.about{background:#0c0d12;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:120px 7%;display:grid}.about p{color:#858997;font-size:18px;line-height:1.8}.cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding:130px 7%;display:flex;position:relative;overflow:hidden}.cta-glow{filter:blur(200px);opacity:.12;background:#8b5cf6;width:500px;height:500px;position:absolute}.cta h2{letter-spacing:-4px;margin-top:25px;font-size:clamp(45px,6vw,80px);line-height:1;position:relative}.cta h2 span{color:#8b5cf6}.cta p{color:#8c909d;max-width:550px;margin:25px auto 35px;line-height:1.7;position:relative}footer{border-top:1px solid #1e2028;justify-content:space-between;align-items:center;padding:35px 7%;display:flex}footer p{color:#666a77;font-size:13px}@media (width<=1000px){.hero{padding-top:150px;display:block}.hero-content{width:100%}.message-stage{width:100%;margin-top:80px;position:relative;right:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}}@media (width<=600px){nav{padding:20px 5%}.nav-links{display:none}.nav-btn{padding:10px 15px}.hero{padding:130px 5% 50px}.hero h1{letter-spacing:-3px;font-size:52px}.hero-text{font-size:16px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.message-stage{transform-origin:50%;height:430px;margin-top:40px;transform:scale(.78)}.service-grid{grid-template-columns:1fr}.services{padding:90px 5%}.section-title{font-size:38px}.work,.about,.cta{padding:90px 5%}.work h2,.about h2,.cta h2{letter-spacing:-3px;font-size:45px}footer{flex-direction:column;gap:15px;padding:30px 5%}}