:root{--space-blue:#78baff;--space-cyan:#62efd7;--space-violet:#ac8bff}html{scroll-behavior:smooth}body{background:#050c1b;overflow-x:clip}.space-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 65% 8%,#132c544f,transparent 55%),#050c1b}.space-bg canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.aurora{position:absolute;width:70vw;height:55vw;border-radius:50%;filter:blur(80px);opacity:.12;animation:aurora-drift 24s ease-in-out infinite alternate}.aurora-one{background:#2866ef;left:38%;top:-28%}.aurora-two{background:#8641e0;left:-40%;top:48%;animation-delay:-10s}.space-grid{position:absolute;left:-50%;width:200%;height:60%;bottom:-32%;background:linear-gradient(#4896eb18 1px,transparent 1px),linear-gradient(90deg,#4896eb18 1px,transparent 1px);background-size:90px 90px;transform:perspective(550px) rotateX(64deg);mask-image:linear-gradient(transparent,#0008);animation:grid-travel 15s linear infinite}.header,main,footer{position:relative;z-index:2}.header{background:#0711209c!important;border-bottom:1px solid #659df21c!important;backdrop-filter:blur(16px)}.brand-avatar{transform:rotate(-8deg);box-shadow:0 4px 0 #172a46,0 12px 30px #3275cf30!important}.brand>span:last-child{font-weight:800;letter-spacing:.2px;text-shadow:0 2px #172b47,0 4px #07111f}.hero{overflow:hidden!important;isolation:isolate;background:radial-gradient(ellipse at 77% 42%,#173f6959,transparent 53%),linear-gradient(135deg,#11223ad9,#07101ee8)!important;border:1px solid #87baff38;box-shadow:0 35px 90px #0007,inset 0 1px #b6ddff22,0 0 70px #3568da0a!important;min-height:630px;perspective:1200px;padding-top:54px!important;padding-bottom:54px!important}.hero:after{content:'';position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,#8bcaff,transparent);box-shadow:0 0 20px #68a6ff;pointer-events:none}.scene-label{font-size:10px;letter-spacing:2.3px;color:#a3c7e9;margin:8px 0 17px;display:flex;gap:9px;align-items:center}.scene-dot{width:5px;height:5px;border-radius:50%;background:#6cf3ce;box-shadow:0 0 13px #5ff9c9}.depth-title{font-size:clamp(43px,5.8vw,74px)!important;font-weight:850!important;line-height:1.25!important;letter-spacing:-1.5px!important;text-shadow:0 1px 0 #c2d8f1,0 2px 0 #6d90bb,0 3px 0 #42648e,0 4px 0 #304c72,0 6px 0 #1c3253,1px 8px 0 #152841,2px 12px 18px #0008;transform-origin:left center;animation:title-rise 7s ease-in-out infinite}.depth-title .green-text{background:linear-gradient(115deg,#e5f6ff 3%,#71b8ff 55%,#67e8df);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 1px #3275ac22,0 8px 25px #245cd148}.depth-title .title-dot{color:#6ee3d3}.hero-copy p{font-size:16px;max-width:430px;line-height:1.9}.hero-cta{border-radius:14px!important;box-shadow:0 5px 0 #1a397f,0 12px 28px #3266d13d!important;transition:transform .25s,box-shadow .25s}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 8px 0 #1a397f,0 18px 35px #3266d15d!important}.hero-art{transform-style:preserve-3d;perspective:1000px;min-height:450px}.hero-mascot{position:relative;z-index:3;filter:drop-shadow(0 22px 32px #0008)!important;animation:mascot-space 7s ease-in-out infinite!important;will-change:transform}.mascot-halo{opacity:.42!important;background:radial-gradient(circle,#56b6fe38,transparent 62%)!important;filter:blur(24px)}.mascot-hello{z-index:5;border:1px solid #8abfea3b!important;box-shadow:0 8px 0 #071629,0 16px 35px #0005!important;transform:rotate(-4deg)}.orbit-stage{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.orbit{position:absolute;left:3%;top:8%;width:94%;height:84%;border:1px solid #7dbdfc48;border-radius:50%;box-shadow:inset 0 0 15px #5a8eff10,0 0 20px #5a8eff10;transform:rotateX(57deg) rotateZ(-25deg);animation:orbit-spin 24s linear infinite}.orbit-two{left:9%;top:2%;width:83%;height:96%;border-color:#b19aff38;transform:rotateY(68deg) rotateZ(30deg);animation:orbit-cross 30s linear infinite}.planet{position:absolute;border-radius:50%;box-shadow:inset -12px -14px 20px #030b1dd9,inset 6px 5px 12px #e6ffff48,0 0 35px #397fff40;animation:planet-drift 9s ease-in-out infinite}.planet-one{width:68px;height:68px;right:3%;top:8%;background:radial-gradient(circle at 30% 25%,#acd9ff,#357cce 50%,#102650)}.planet-two{width:38px;height:38px;left:0;top:53%;background:radial-gradient(circle at 30% 25%,#b9afff,#7452bd 50%,#1d163f);animation-delay:-5s}.planet-three{width:23px;height:23px;right:7%;bottom:18%;background:radial-gradient(circle at 30% 25%,#c5ffeb,#3b9d8b 50%,#12332d);animation-delay:-2s}.holo-floor{position:absolute;left:7%;right:7%;bottom:0;height:95px;border-radius:50%;border:1px solid #65c5ff49;background:radial-gradient(ellipse,#64b6ff23,transparent 60%);transform:rotateX(68deg);box-shadow:0 0 45px #3b95ff25,inset 0 0 30px #599eff1c}.cube{position:absolute;width:40px;height:40px;transform-style:preserve-3d;animation:cube-spin 20s linear infinite}.cube-one{left:8%;top:13%}.cube-two{right:9%;bottom:9%;width:27px;height:27px;animation-delay:-7s;opacity:.75}.cube i{position:absolute;inset:0;background:linear-gradient(145deg,#6cb9ff4a,#344e9a15);border:1px solid #a2d8ff88;box-shadow:inset 0 0 15px #80bdff2c;backface-visibility:visible}.cube i:nth-child(1){transform:translateZ(20px)}.cube i:nth-child(2){transform:rotateY(180deg) translateZ(20px)}.cube i:nth-child(3){transform:rotateY(90deg) translateZ(20px)}.cube i:nth-child(4){transform:rotateY(-90deg) translateZ(20px)}.cube i:nth-child(5){transform:rotateX(90deg) translateZ(20px)}.cube i:nth-child(6){transform:rotateX(-90deg) translateZ(20px)}.cube-two i:nth-child(1){transform:translateZ(13.5px)}.cube-two i:nth-child(2){transform:rotateY(180deg) translateZ(13.5px)}.cube-two i:nth-child(3){transform:rotateY(90deg) translateZ(13.5px)}.cube-two i:nth-child(4){transform:rotateY(-90deg) translateZ(13.5px)}.cube-two i:nth-child(5){transform:rotateX(90deg) translateZ(13.5px)}.cube-two i:nth-child(6){transform:rotateX(-90deg) translateZ(13.5px)}.float-badge{z-index:5!important;backdrop-filter:blur(14px);border:1px solid #8ac0ff33!important;box-shadow:0 6px 0 #081529,0 16px 24px #0005!important}.badge-money{animation:badge-hover 8s ease-in-out infinite}.badge-check{animation:badge-hover 9s ease-in-out infinite;animation-delay:-4s}.tool-grid{perspective:1400px}.tool-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .35s,box-shadow .35s,border-color .35s!important;background:linear-gradient(145deg,#17273cc9,#0d1728ee)!important;border:1px solid #46729945!important;box-shadow:0 8px 0 #050d1c,0 18px 35px #0004!important}.tool-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#b2d7ff0b,transparent 45%)}.tool-card:hover{border-color:#85c2ff80!important;box-shadow:0 10px 0 #050d1c,0 22px 45px #0006,0 0 30px #4387d814!important}.tool-icon{transform:translateZ(18px)!important;filter:drop-shadow(0 8px 6px #0005)}.tool-icon svg{animation:icon-hover 8s ease-in-out infinite}.tool-card:nth-child(2n) .tool-icon svg{animation-delay:-3s}.tool-card:nth-child(3n) .tool-icon svg{animation-delay:-5s}.tool-card h3{color:#edf6ff!important;text-shadow:0 2px 0 #122442}.daily-strip,.quick-link,.how-steps>div{box-shadow:0 5px 0 #060e1c,0 12px 30px #0003!important;border-color:#5c8abd35!important;background:linear-gradient(135deg,#13223ad4,#0d172bd9)!important}.install-section{box-shadow:0 8px 0 #060e1c,0 20px 40px #0005!important}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:12;border:1px solid #6599c54a;border-radius:99px;background:#101f34dd;backdrop-filter:blur(12px);color:#b7d8f5;padding:10px 15px;font-size:11px;cursor:pointer;box-shadow:0 6px 20px #0005}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .tool-card{transform:none!important}
@keyframes title-rise{0%,100%{transform:translateY(0) rotateY(-2deg)}50%{transform:translateY(-5px) rotateY(1deg)}}@keyframes mascot-space{0%,100%{transform:translateY(0) rotateZ(-2deg)}50%{transform:translateY(-16px) rotateZ(2deg)}}@keyframes aurora-drift{to{transform:translate(12%,-10%) scale(1.12)}}@keyframes grid-travel{to{background-position:0 90px,0 90px}}@keyframes orbit-spin{to{transform:rotateX(57deg) rotateZ(335deg)}}@keyframes orbit-cross{to{transform:rotateY(68deg) rotateZ(390deg)}}@keyframes planet-drift{50%{transform:translateY(-14px)}}@keyframes cube-spin{from{transform:rotateX(20deg) rotateY(0) rotateZ(-8deg)}to{transform:rotateX(380deg) rotateY(360deg) rotateZ(-8deg)}}@keyframes badge-hover{50%{translate:0 -8px}}@keyframes icon-hover{50%{transform:translateY(-4px)}}
@media(max-width:900px){.hero{min-height:0;padding:32px 27px!important}.depth-title{font-size:clamp(44px,7vw,65px)!important}.hero-art{min-height:380px}.hero-copy p{font-size:15px}.aurora{filter:blur(45px)}.tool-card{transform:none!important}}@media(max-width:600px){.hero{padding:28px 21px 12px!important;border-radius:26px!important}.depth-title{font-size:46px!important;letter-spacing:-1px!important;line-height:1.28!important}.scene-label{font-size:8px;letter-spacing:1.8px;margin-bottom:12px}.hero-art{min-height:320px}.hero-mascot{max-width:350px!important}.hero-copy p{font-size:14px}.hero-points{font-size:10px}.planet-one{width:46px;height:46px}.cube-one{left:3%;top:8%;scale:.75}.cube-two{scale:.8}.space-grid{background-size:60px 60px}.motion-toggle{bottom:12px;right:12px;padding:9px 12px;font-size:10px}.hero-cta{min-height:48px}.hero-actions{gap:16px!important}.header{height:84px}.brand{font-size:18px}.brand-sub{font-size:10px}.hero .mascot-hello{font-size:11px}.hero .float-badge{font-size:9px}.hero .float-badge strong{font-size:11px}.hero .mascot-sign{font-size:10px}.install-links{margin-left:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.space-bg canvas{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.tool-card{transform:none!important}}
.account-bar{background:#09162b!important;border-bottom:1px solid #375371!important;gap:10px;flex-wrap:wrap}.account-bar>span{min-width:0;overflow-wrap:anywhere}.account-bar button{background:#142946!important;color:#dceeff!important;border:1px solid #456789!important;box-shadow:none!important}@media(max-width:600px){.account-bar>span{flex-basis:100%;font-size:11px}.account-bar{padding:9px 13px!important}.account-bar button{font-size:11px!important;padding:6px 11px!important}}