.landing-page{--cyan:#35dbff;--mint:#31ffa9;--deep:#092f38;--soft:#effdff;background:radial-gradient(circle at 80% 15%,rgba(49,255,169,.18),transparent 30%),radial-gradient(circle at 15% 30%,rgba(53,219,255,.16),transparent 32%),#f8ffff;color:#12343b}.landing-nav{width:min(1240px,calc(100% - 40px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(9,47,56,.1)}.landing-nav-note{font-weight:700;color:#537078}.landing-main{max-width:none;padding:0}.landing-hero{width:min(1240px,calc(100% - 40px));min-height:680px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:64px;padding:70px 0}.landing-copy{max-width:720px}.landing-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:850;color:#08757d}.landing-kicker span{width:32px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--mint))}.landing-copy h1{max-width:780px;margin:20px 0 25px;font-size:clamp(3.2rem,6.7vw,6.2rem);line-height:.94;letter-spacing:-.065em;color:#092f38}.landing-lead{max-width:660px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65;color:#537078}.landing-actions{display:flex;gap:13px;margin-top:34px}.landing-button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 27px;border-radius:16px;text-decoration:none;font-weight:850;transition:transform .2s ease,box-shadow .2s ease}.landing-button:hover{transform:translateY(-2px)}.landing-button.login{min-width:150px;color:#12343b;background:#fff;border:1px solid #b9dfe3;box-shadow:0 12px 35px rgba(9,47,56,.07)}.landing-button.register{min-width:235px;color:#062c33;background:linear-gradient(110deg,var(--cyan),var(--mint));box-shadow:0 15px 38px rgba(25,204,185,.25)}.landing-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;color:#537078;font-size:.86rem}.landing-trust span::first-letter{color:#098a68}.landing-visual{position:relative;min-height:520px;display:grid;place-items:center}.logo-stage{position:relative;z-index:2;width:min(350px,70vw);aspect-ratio:1;display:grid;place-items:center;animation:logo-float 4s ease-in-out infinite}.logo-stage img{position:relative;z-index:2;width:78%;border-radius:23%;filter:drop-shadow(0 28px 30px rgba(9,47,56,.24))}.logo-glow{position:absolute;inset:12%;border-radius:35%;background:linear-gradient(135deg,var(--cyan),var(--mint));filter:blur(42px);opacity:.36;animation:glow-pulse 3s ease-in-out infinite}.logo-orbit{position:absolute;border:1px solid rgba(11,169,173,.2);border-radius:50%;animation:orbit-turn 18s linear infinite}.orbit-one{width:410px;height:410px}.orbit-two{width:510px;height:510px;animation-direction:reverse;animation-duration:25s}.logo-orbit::after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cyan);top:8%;left:23%;box-shadow:0 0 24px var(--cyan)}.orbit-two::after{background:var(--mint);top:auto;left:auto;right:9%;bottom:25%;box-shadow:0 0 24px var(--mint)}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(9,47,56,.1);border-radius:15px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);box-shadow:0 16px 35px rgba(9,47,56,.11);font-size:.84rem;font-weight:750;animation:card-float 5s ease-in-out infinite}.floating-card b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#dcfbff;color:#067884}.card-photo{top:13%;left:1%}.card-check{right:0;top:39%;animation-delay:-1.5s}.card-sell{bottom:12%;left:8%;animation-delay:-3s}.landing-steps{padding:78px max(20px,calc((100% - 1240px)/2)) 90px;background:#fff;border-top:1px solid #dceff0}.landing-section-title{text-align:center;max-width:730px;margin:0 auto 35px}.landing-section-title>p{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:850;color:#07818a}.landing-section-title h2{margin:10px 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;color:#092f38}.landing-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.landing-step-grid article{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:24px;border:1px solid #d9eeee;border-radius:19px;background:linear-gradient(145deg,#fff,#f6ffff)}.landing-step-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#dffaff,#dfffee);font-weight:900;color:#06757c}.landing-step-grid h3{margin:2px 0 8px;color:#12343b}.landing-step-grid p{margin:0;line-height:1.55;color:#647b80}.landing-page .legal-footer{background:#fff}@keyframes logo-float{50%{transform:translateY(-14px) rotate(1deg)}}@keyframes glow-pulse{50%{opacity:.56;transform:scale(1.07)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes card-float{50%{transform:translateY(-8px)}}@media(max-width:900px){.landing-hero{grid-template-columns:1fr;gap:15px;text-align:center;padding-top:55px}.landing-copy{margin:auto}.landing-kicker,.landing-actions,.landing-trust{justify-content:center}.landing-visual{min-height:430px}.landing-step-grid{grid-template-columns:1fr}.logo-stage{width:300px}.orbit-one{width:340px;height:340px}.orbit-two{width:420px;height:420px}}@media(max-width:600px){.landing-nav{height:72px;width:calc(100% - 28px)}.landing-nav-note{display:none}.landing-hero{width:calc(100% - 28px);min-height:auto;padding:38px 0 48px}.landing-copy h1{font-size:clamp(2.85rem,14vw,4.2rem)}.landing-actions{display:grid}.landing-button{width:100%}.landing-trust{display:grid;gap:8px}.landing-visual{min-height:340px}.logo-stage{width:220px}.orbit-one{width:255px;height:255px}.orbit-two{width:320px;height:320px}.floating-card{padding:9px 11px;font-size:.72rem}.floating-card b{width:25px;height:25px}.card-photo{left:0}.card-check{right:0}.card-sell{left:3%}.landing-steps{padding-top:55px}.landing-step-grid article{padding:19px}}@media(prefers-reduced-motion:reduce){.logo-stage,.logo-glow,.logo-orbit,.floating-card{animation:none}.landing-button{transition:none}}
.landing-page{overflow-x:hidden}
.landing-motion-toggle{position:absolute;z-index:5;right:18px;bottom:16px;min-height:44px;padding:10px 15px;border:1px solid #a7dfe2;border-radius:999px;background:rgba(255,255,255,.92);color:#075f68;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer;box-shadow:0 10px 25px rgba(9,47,56,.1)}.landing-motion-toggle:hover{border-color:#35dbff}.landing-page:not(.motion-on) .logo-stage,.landing-page:not(.motion-on) .logo-glow,.landing-page:not(.motion-on) .logo-orbit,.landing-page:not(.motion-on) .floating-card{animation-play-state:paused!important}.landing-page.motion-on .logo-stage{animation:logo-float 4s ease-in-out infinite!important}.landing-page.motion-on .logo-glow{animation:glow-pulse 3s ease-in-out infinite!important}.landing-page.motion-on .logo-orbit{animation:orbit-turn 18s linear infinite!important}.landing-page.motion-on .orbit-two{animation-direction:reverse!important;animation-duration:25s!important}.landing-page.motion-on .floating-card{animation:card-float 5s ease-in-out infinite!important}.landing-page.motion-on .card-check{animation-delay:-1.5s!important}.landing-page.motion-on .card-sell{animation-delay:-3s!important}
.landing-copy>*{opacity:0;transform:translateY(24px)}.landing-arrived .landing-copy>*{animation:reveal-up .75s cubic-bezier(.2,.8,.2,1) forwards}.landing-arrived .landing-copy h1{animation-delay:.12s}.landing-arrived .landing-lead{animation-delay:.24s}.landing-arrived .landing-actions{animation-delay:.36s}.landing-arrived .landing-trust{animation-delay:.48s}.landing-visual{perspective:1000px}.logo-stage{opacity:0;transform:translateZ(-250px) scale(.5) rotateY(-22deg)}.landing-arrived.motion-on .logo-stage{opacity:1;animation:logo-arrival 1.25s cubic-bezier(.15,.85,.2,1) both,logo-float 4s ease-in-out 1.25s infinite!important}.logo-stage::before{content:"";position:absolute;z-index:4;inset:11%;border-radius:24%;background:linear-gradient(115deg,transparent 30%,rgba(255,245,188,.82) 46%,rgba(255,255,255,.95) 50%,transparent 65%);transform:translateX(-180%) skewX(-12deg);mix-blend-mode:screen;pointer-events:none}.landing-arrived.motion-on .logo-stage::before{animation:gold-sweep 3.8s ease-in-out 1.1s infinite}.logo-orbit{opacity:0;transform:scale(.4)}.landing-arrived.motion-on .orbit-one{opacity:1;animation:orbit-arrival .8s ease-out .35s both,orbit-turn 18s linear 1.15s infinite!important}.landing-arrived.motion-on .orbit-two{opacity:1;animation:orbit-arrival 1s ease-out .5s both,orbit-turn 25s linear 1.5s infinite reverse!important}.floating-card{opacity:0}.landing-arrived.motion-on .card-photo{opacity:1;animation:card-arrival-left .65s cubic-bezier(.2,.9,.25,1) .75s both,card-float 5s ease-in-out 1.4s infinite!important}.landing-arrived.motion-on .card-check{opacity:1;animation:card-arrival-right .65s cubic-bezier(.2,.9,.25,1) .95s both,card-float 5s ease-in-out 1.6s infinite!important}.landing-arrived.motion-on .card-sell{opacity:1;animation:card-arrival-left .65s cubic-bezier(.2,.9,.25,1) 1.15s both,card-float 5s ease-in-out 1.8s infinite!important}.visual-beam{position:absolute;z-index:0;width:75%;height:75%;border-radius:50%;background:conic-gradient(from 30deg,transparent,rgba(53,219,255,.28),transparent 28%,rgba(49,255,169,.24),transparent 58%);filter:blur(18px);opacity:0}.landing-arrived.motion-on .visual-beam{animation:beam-in 1.4s ease-out both,beam-turn 14s linear 1.4s infinite}.spark-field{position:absolute;inset:4%;z-index:1;pointer-events:none}.spark-field i{position:absolute;width:7px;height:7px;border-radius:50%;background:#35dbff;box-shadow:0 0 18px #35dbff;opacity:0}.spark-field i:nth-child(even){background:#31ffa9;box-shadow:0 0 18px #31ffa9}.spark-field i:nth-child(1){left:12%;top:20%}.spark-field i:nth-child(2){left:82%;top:14%}.spark-field i:nth-child(3){left:5%;top:62%}.spark-field i:nth-child(4){left:89%;top:58%}.spark-field i:nth-child(5){left:24%;top:86%}.spark-field i:nth-child(6){left:70%;top:89%}.spark-field i:nth-child(7){left:46%;top:5%}.spark-field i:nth-child(8){left:52%;top:92%}.landing-arrived.motion-on .spark-field i{animation:spark-pop 2.8s ease-in-out infinite}.landing-arrived.motion-on .spark-field i:nth-child(2){animation-delay:.35s}.landing-arrived.motion-on .spark-field i:nth-child(3){animation-delay:.7s}.landing-arrived.motion-on .spark-field i:nth-child(4){animation-delay:1.05s}.landing-arrived.motion-on .spark-field i:nth-child(5){animation-delay:1.4s}.landing-arrived.motion-on .spark-field i:nth-child(6){animation-delay:1.75s}.landing-arrived.motion-on .spark-field i:nth-child(7){animation-delay:2.1s}.landing-arrived.motion-on .spark-field i:nth-child(8){animation-delay:2.45s}.landing-arrived .landing-button.register{animation:register-glow 3s ease-in-out 1.5s infinite}
@keyframes reveal-up{to{opacity:1;transform:none}}@keyframes logo-arrival{0%{opacity:0;transform:translateZ(-250px) scale(.5) rotateY(-22deg)}65%{opacity:1;transform:translateZ(25px) scale(1.06) rotateY(4deg)}100%{opacity:1;transform:none}}@keyframes gold-sweep{0%,58%{transform:translateX(-180%) skewX(-12deg)}85%,100%{transform:translateX(180%) skewX(-12deg)}}@keyframes orbit-arrival{from{opacity:0;transform:scale(.4) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes card-arrival-left{from{opacity:0;transform:translateX(-65px) scale(.8)}to{opacity:1;transform:none}}@keyframes card-arrival-right{from{opacity:0;transform:translateX(65px) scale(.8)}to{opacity:1;transform:none}}@keyframes beam-in{from{opacity:0;transform:scale(.3)}to{opacity:.75;transform:scale(1)}}@keyframes beam-turn{to{transform:rotate(360deg)}}@keyframes spark-pop{0%,100%{opacity:0;transform:scale(.25)}35%{opacity:1;transform:scale(1.45)}65%{opacity:.25;transform:translateY(-18px) scale(.7)}}@keyframes register-glow{0%,100%{box-shadow:0 15px 38px rgba(25,204,185,.25)}50%{box-shadow:0 18px 46px rgba(25,204,185,.48),0 0 0 7px rgba(53,219,255,.08)}}
.landing-visual{--tilt-x:0px;--tilt-y:0px}.landing-visual::before{content:"";position:absolute;inset:4% 0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0 23%,transparent 24%),repeating-conic-gradient(from 0deg,rgba(53,219,255,.12) 0 1deg,transparent 1deg 24deg);opacity:0;transform:scale(.65);pointer-events:none}.landing-arrived.motion-on .landing-visual::before{animation:visual-awaken 1.35s cubic-bezier(.16,.84,.25,1) .15s both}.logo-stage{translate:var(--tilt-x) var(--tilt-y);transition:translate .4s cubic-bezier(.2,.8,.2,1)}.floating-card{transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.floating-card.is-active{border-color:rgba(16,212,184,.72);background:rgba(241,255,252,.96);box-shadow:0 18px 42px rgba(9,47,56,.14),0 0 0 7px rgba(49,255,169,.09)}.floating-card.is-active b{background:linear-gradient(135deg,#35dbff,#31ffa9);color:#06343a}.floating-card.is-active::after{content:"";position:absolute;inset:-2px;border-radius:16px;border:2px solid rgba(53,219,255,.35);animation:step-wave 1.25s ease-out infinite}.motion-on .logo-stage img{animation:logo-breathe 4.2s ease-in-out 2.4s infinite}@keyframes visual-awaken{0%{opacity:0;transform:scale(.65) rotate(-12deg)}70%{opacity:.68;transform:scale(1.04) rotate(2deg)}100%{opacity:.34;transform:scale(1) rotate(0)}}@keyframes step-wave{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes logo-breathe{50%{filter:drop-shadow(0 34px 38px rgba(9,47,56,.3)) brightness(1.07)}}@media(prefers-reduced-motion:reduce){.landing-visual::before,.floating-card.is-active::after,.motion-on .logo-stage img{animation:none!important}.logo-stage{translate:0 0}}