@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Urbanist:wght@600;700&display=swap";@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;font-family:Inter,sans-serif;overflow-x:hidden}.app{background:url(https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260624_111401_56af5012-2263-45d3-849a-8688084d7c2a.png&w=1280&q=85) 50%/cover no-repeat;flex-direction:column;min-height:100vh;display:flex;position:relative}.header{justify-content:space-between;align-items:center;width:100%;max-width:1920px;margin:0 auto;padding:24px 64px;animation:.8s cubic-bezier(.22,1,.36,1) both fadeDown;display:flex}.header-left{align-items:center;gap:48px;display:flex}.logo{height:32px}.nav{gap:32px;display:flex}.nav-link{color:#1a1a1a;text-shadow:0 1px 2px #ffffff80;font-size:15px;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";transform-origin:0;background:#000;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.header-right{align-items:center;gap:24px;display:flex}.login-link{color:#fff;font-size:15px;font-weight:500;text-decoration:none;position:relative}.login-link:after{content:"";transform-origin:0;background:#fff;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.login-link:hover:after{transform:scaleX(1)}.btn-border-wrap{position:relative}.btn-border-wrap:before{content:"";background:conic-gradient(from var(--border-angle), #a068ff, #070319, #a068ff, #070319, #a068ff);-webkit-mask-composite:xor;pointer-events:none;border-radius:50px;padding:3px;animation:3s linear infinite borderRotate;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-primary,.btn-start{color:#fff;cursor:pointer;z-index:1;background:#000;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 26px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;display:flex;position:relative;overflow:hidden}.btn-start{background:#060218;padding:14px 28px;font-size:16px}.btn-primary:after,.btn-start:after{content:"";z-index:-1;background:#a068ff;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.btn-primary:after{transform:translate(-100%)}.btn-start:after{transform:translate(100%)}.btn-primary:hover:after,.btn-start:hover:after{transform:translate(0)}.hero{flex:1;justify-content:space-between;align-items:center;gap:80px;width:100%;max-width:1920px;margin:0 auto;padding:0 64px;display:flex}.hero-left{flex:0 600px;padding-top:40px;animation:1s cubic-bezier(.22,1,.36,1) both fadeUp}.hero-heading{letter-spacing:-1.5px;margin-bottom:48px;font-family:Urbanist,sans-serif;font-size:64px;font-weight:600;line-height:64px}.text-dark{color:#1a1a1a;text-shadow:0 2px 4px #0000001a}.text-light{color:#fff;text-shadow:0 2px 8px #ffffff4d}.cursor{color:#a068ff;animation:.8s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.start-btn-wrap{animation:.8s cubic-bezier(.22,1,.36,1) 3.2s both fadeIn}.cursor-element{align-items:center;gap:12px;margin-top:40px;margin-left:290px;animation:.8s cubic-bezier(.22,1,.36,1) 3.6s both fadeIn;display:flex}.cursor-icon{flex-shrink:0}.cursor-label{color:#fff;background:#a068ff;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:500}.hero-right{flex:none;animation:1.2s cubic-bezier(.22,1,.36,1) .3s both scaleIn}.circles-container{justify-content:center;align-items:center;width:720px;height:720px;display:flex;position:relative}.orbit{background:linear-gradient(#d9a1ff00 0%,#d9a1ff 43%,#d9a1ff00 100%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 calc(50% - 1px),#000 calc(50% - 1px));mask:radial-gradient(circle,#0000 calc(50% - 1px),#000 calc(50% - 1px))}.orbit-1{justify-content:center;align-items:center;width:353px;height:353px;animation:30s linear infinite spinLeft;display:flex}.orbit-2{width:501px;height:501px;animation:40s linear infinite spinRight}.orbit-3{width:649px;height:649px;animation:50s linear infinite spinRight}.orbit-4{width:797px;height:797px;animation:60s linear infinite spinLeft}.orbit-content{text-align:center;z-index:10;animation:30s linear infinite counterRotate1;position:relative}.count{color:#fff;font-family:Urbanist,sans-serif;font-size:64px;font-weight:500;line-height:1}.count-label{color:#fff;margin-top:8px;font-family:Urbanist,sans-serif;font-size:16px;font-weight:600}.avatar{z-index:5;animation:.8s cubic-bezier(.22,1,.36,1) both flyIn;position:absolute;top:50%;left:50%}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-round img{border-radius:50%}.avatar-square img{border-radius:20px}.avatar-orbit-1{animation:.8s cubic-bezier(.22,1,.36,1) both flyIn,30s linear infinite counterRotate1}.avatar-orbit-2{animation:.8s cubic-bezier(.22,1,.36,1) both flyIn,40s linear infinite counterRotate2}.avatar-orbit-3{animation:.8s cubic-bezier(.22,1,.36,1) both flyIn,50s linear infinite counterRotate3}.avatar-orbit-4{animation:.8s cubic-bezier(.22,1,.36,1) both flyIn,60s linear infinite counterRotate4}.avatar-glow-purple{filter:drop-shadow(0 0 20px #a068ff99)}.avatar-glow-yellow{filter:drop-shadow(0 0 20px #ffd54f99)}.avatar-glow-pink{filter:drop-shadow(0 0 20px #ff69b499)}.avatar-glow-blue{filter:drop-shadow(0 0 20px #4fc3f799)}.avatar-glow-orange{filter:drop-shadow(0 0 20px #ff980099)}.logo-ticker{padding:40px 0;animation:1s cubic-bezier(.22,1,.36,1) .6s both fadeUp;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.ticker-track{gap:64px;width:max-content;animation:20s linear infinite scroll;display:flex}.ticker-set{gap:64px;display:flex}.ticker-logo{object-fit:contain;width:137px;height:40px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes flyIn{0%{filter:blur(10px);opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-180deg)}to{opacity:1;filter:blur()}}@keyframes spinLeft{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes spinRight{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes counterRotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterRotate2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes counterRotate3{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes counterRotate4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes borderRotate{to{--border-angle:360deg}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}@media (width<=1280px){.circles-container{transform:scale(.85)}}@media (width<=1024px){.header{padding:20px 40px}.hero{flex-direction:column;gap:60px;padding:0 40px}.hero-left{flex:1;max-width:100%}.hero-heading{font-size:48px;line-height:52px}.circles-container{transform:scale(.7)}.nav{gap:20px}}@media (width<=768px){.header{padding:16px 24px}.nav{display:none}.hero{padding:0 24px}.hero-heading{letter-spacing:-1px;font-size:36px;line-height:40px}.circles-container{transform:scale(.5)}.cursor-element{margin-left:150px}}@media (width<=480px){.header-left{gap:16px}.header-right{gap:12px}.logo{height:24px}.btn-primary,.login-link{font-size:13px}.btn-primary{padding:10px 20px}.hero-heading{margin-bottom:32px;font-size:28px;line-height:32px}.btn-start{padding:12px 24px;font-size:14px}.circles-container{transform:scale(.4)}.cursor-element{margin-top:24px;margin-left:80px}.ticker-logo{width:100px;height:30px}.ticker-track,.ticker-set{gap:40px}}.avatar-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;justify-content:center;align-items:center;display:flex}.icon-emoji{font-size:36px;animation:3s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-card{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#7e22ce 100%);border-radius:20px;width:340px;height:214px;margin-top:60px;padding:24px;animation:6s ease-in-out infinite cardFloat,.8s cubic-bezier(.22,1,.36,1) 4s both fadeIn;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg);box-shadow:0 20px 60px #7e22ce66}@keyframes cardFloat{0%,to{transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)translateY(0)}50%{transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)translateY(-10px)}}.card-shine{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite cardShine;position:absolute;top:-50%;left:-50%}@keyframes cardShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.card-chip{background:linear-gradient(135deg,#f4e8c1 0%,#d4af37 100%);border-radius:8px;width:50px;height:40px;margin-bottom:32px;position:relative;overflow:hidden}.card-chip:after{content:"";background:#0000001a;width:100%;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.card-number{color:#fff;letter-spacing:4px;margin-bottom:24px;font-family:Courier New,monospace;font-size:24px;font-weight:600}.card-logo{color:#fff;font-family:Urbanist,sans-serif;font-size:18px;font-weight:700;position:absolute;bottom:24px;left:24px}.card-unionpay{color:#fff;background:linear-gradient(135deg,#e4002b 0%,#00447c 50%,#009fda 100%);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;position:absolute;bottom:24px;right:24px}.payment-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:12px;min-width:150px;padding:12px 24px;display:flex}.payment-icon{font-size:24px}.payment-name{color:#fff;text-shadow:0 2px 4px #0000004d;white-space:nowrap;font-size:16px;font-weight:600}@media (width<=768px){.floating-card{margin-left:-20px;transform:scale(.8)perspective(1000px)rotateY(-5deg)rotateX(5deg)}}@media (width<=480px){.floating-card{margin-left:-40px;transform:scale(.65)perspective(1000px)rotateY(-5deg)rotateX(5deg)}}
