:root{--background:#fbfbfb;--background-secondary:#f5f5f5;--background-tertiary:#fafafa;--border-color:#fdfdfd;--light-gray:#f8f8f8;--primary:#1e1463;--secondary:#38299d;--tertiary:#6053c0;--accent:#cac0ff;--highlight:#e9e5ff;--green-primary:#0e5c3a;--green-secondary:#0e6f45;--green-tertiary:#118351;--green-accent:#1eaa6c;--text-primary:#1e1463;--text-secondary:#333333;--text-muted:#5b5b5b;--text-light:#a6a6a6;--gray-primary:#d0d0d0;--gray-secondary:#f1f1f1;--gray-tertiary:#f6f6f6;--gray-quaternary:#f8f8f8;--button-primary:#1e1463;--button-secondary:#0e5c3a;--link-color:#3a3a3a;--body-background:var(--background);--body-text:var(--text-primary)}html.dark{--background:#1c1442;--background-secondary:#221b56;--background-tertiary:#2c2568;--border-color:#2e2e2e;--light-gray:#2c2c2c;--primary:#cbc4f5;--secondary:#aea3ef;--tertiary:#1e1463;--accent:#591a80;--highlight:#1e1463;--green-primary:#1eaa6c;--green-secondary:#118351;--green-tertiary:#0e6f45;--green-accent:#0e5c3a;--text-primary:#ffffff;--text-secondary:#cccccc;--text-muted:#888888;--text-light:#555555;--gray-primary:#333333;--gray-secondary:#2b2b2b;--gray-tertiary:#1f1f1f;--gray-quaternary:#181818;--button-primary:#cbc4f5;--button-secondary:#1eaa6c;--link-color:#d3d3d3}body,html{overflow-x:hidden;font-family:Satoshi,Arial,Helvetica,sans-serif;transition:background .3s ease,color .3s ease}body,html{background:var(--background);color:var(--text-primary)}a{color:var(--link-color)}.demo-container{justify-content:center;transition:background .3s ease}.demo-container,.mode-switcher{display:flex;align-items:center}.mode-switcher{position:relative;width:4rem;height:2rem;border-radius:9999px;padding:0;border:none;cursor:pointer;transition:all .5s ease-in-out;overflow:hidden}.mode-switcher .sky-background{position:absolute;inset:0;border-radius:9999px;background:linear-gradient(135deg,#22d3ee,#0ea5e9 50%,#3b82f6);transition:background .5s ease-in-out}.mode-switcher .clouds{position:absolute;inset:0;opacity:.8;transition:opacity .5s ease-in-out}.mode-switcher .clouds .cloud{position:absolute;background:hsla(0,0%,100%,.9);border-radius:50px;transition:all .5s ease-in-out}.mode-switcher .clouds .cloud:after,.mode-switcher .clouds .cloud:before{content:"";position:absolute;background:hsla(0,0%,100%,.7);border-radius:50px;transition:all .5s ease-in-out}.mode-switcher .clouds .cloud.cloud-1{width:8px;height:4px;top:4px;left:8px}.mode-switcher .clouds .cloud.cloud-1:before{width:6px;height:3px;top:-1px;left:2px}.mode-switcher .clouds .cloud.cloud-2{width:6px;height:3px;top:6px;right:12px}.mode-switcher .clouds .cloud.cloud-2:after{width:4px;height:2px;top:-1px;right:1px}.mode-switcher .clouds .cloud.cloud-3{width:7px;height:3px;top:10px;left:6px}.mode-switcher .clouds .cloud.cloud-4{width:5px;height:2px;top:3px;left:20px}.mode-switcher .clouds .cloud.cloud-5{width:6px;height:3px;top:8px;right:6px}.mode-switcher .bottom-clouds{position:absolute;bottom:0;left:0;right:0;height:8px}.mode-switcher .bottom-clouds .bottom-cloud{position:absolute;background:hsla(0,0%,100%,.9);border-radius:20px 20px 0 0;transition:all .5s ease-in-out}.mode-switcher .bottom-clouds .bottom-cloud.bottom-cloud-1{width:12px;height:6px;left:2px;bottom:0}.mode-switcher .bottom-clouds .bottom-cloud.bottom-cloud-2{width:10px;height:5px;right:8px;bottom:0}.mode-switcher .bottom-clouds .bottom-cloud.bottom-cloud-3{width:8px;height:4px;left:50%;transform:translateX(-50%);bottom:0}.mode-switcher .stars{position:absolute;inset:0;opacity:0;transition:opacity .5s ease-in-out}.mode-switcher .stars .star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%}.mode-switcher .stars .star:before{width:1px;height:6px}.mode-switcher .stars .star:after,.mode-switcher .stars .star:before{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.mode-switcher .stars .star:after{width:6px;height:1px}.mode-switcher .stars .star.star-1{top:4px;left:8px;animation:twinkle 2s infinite}.mode-switcher .stars .star.star-2{top:8px;right:12px;animation:twinkle 2.5s .5s infinite}.mode-switcher .stars .star.star-3{top:12px;left:20px;animation:twinkle 3s 1s infinite}.mode-switcher .stars .star.star-4{top:6px;right:20px;animation:twinkle 2.2s 1.5s infinite}.mode-switcher .toggle-circle{position:absolute;width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;left:.125rem;top:50%;transform:translateY(-50%);transition:all .5s ease-in-out;z-index:2;box-shadow:0 0 15px rgba(251,191,36,.6)}.mode-switcher .toggle-circle .sun-rays{position:absolute;inset:0;opacity:1;transition:opacity .3s ease-in-out}.mode-switcher .toggle-circle .sun-rays .ray{position:absolute;width:1px;height:4px;background:#fbbf24;left:50%;top:-6px;transform-origin:50% 20px}.mode-switcher .toggle-circle .sun-rays .ray.ray-1{transform:translateX(-50%) rotate(0deg)}.mode-switcher .toggle-circle .sun-rays .ray.ray-2{transform:translateX(-50%) rotate(45deg)}.mode-switcher .toggle-circle .sun-rays .ray.ray-3{transform:translateX(-50%) rotate(90deg)}.mode-switcher .toggle-circle .sun-rays .ray.ray-4{transform:translateX(-50%) rotate(135deg)}.mode-switcher .toggle-circle .moon-craters{position:absolute;inset:0;opacity:0;transition:opacity .3s ease-in-out}.mode-switcher .toggle-circle .moon-craters .crater{position:absolute;background:rgba(107,114,128,.4);border-radius:50%}.mode-switcher .toggle-circle .moon-craters .crater.crater-1{width:4px;height:4px;top:6px;left:8px}.mode-switcher .toggle-circle .moon-craters .crater.crater-2{width:3px;height:3px;top:12px;right:6px}.mode-switcher .toggle-circle .moon-craters .crater.crater-3{width:2px;height:2px;top:8px;left:4px}.mode-switcher .toggle-circle.active{transform:translateY(-50%) translateX(2rem)}.mode-switcher .toggle-circle.dark{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 0 10px rgba(229,231,235,.4)}.mode-switcher .toggle-circle.dark .sun-rays{opacity:0}.mode-switcher .toggle-circle.dark .moon-craters{opacity:1}.mode-switcher.dark .sky-background{background:linear-gradient(135deg,#1e1b4b,#312e81 30%,#1e40af 70%,#1e3a8a)}.mode-switcher.dark .clouds{opacity:.3}.mode-switcher.dark .clouds .cloud{background:hsla(0,0%,100%,.3)}.mode-switcher.dark .bottom-clouds .bottom-cloud,.mode-switcher.dark .clouds .cloud:after,.mode-switcher.dark .clouds .cloud:before{background:hsla(0,0%,100%,.2)}.mode-switcher.dark .stars{opacity:1}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.navbar{position:relative}.navbar>div{position:absolute;right:100px;top:35px}.form-container{background-color:rgba(221,221,221,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:45px;border:1px solid #e9e9e9;text-align:center;padding:1rem 3rem 3rem;z-index:2;width:450px}.auth-header,.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-header{gap:1.5rem}.auth-header .logo{object-fit:contain;transition:opacity .3s ease}.auth-header .tab{position:relative;display:flex;justify-content:space-between;border:1px solid #d0d0d0;border-radius:45px;width:300px;overflow:hidden;background-color:rgba(0,0,0,0);transition:all .3s ease}.auth-header .tab:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background-color:#1e1463;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;opacity:0}.auth-header .tab:has(a[href="/register"].active):before{transform:translateX(100%);opacity:1}.auth-header .tab:has(a[href="/sign-in"].active):before{transform:translateX(0);opacity:1}.auth-header .tab a{position:relative;color:#000;font-size:.8rem;font-weight:500;padding:.75rem 1rem;flex:1 1;text-align:center;text-decoration:none;border-radius:43px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.auth-header .tab a.active{font-weight:600;transform:scale(1.02)}.auth-header .tab a.active,.auth-header .tab a.active:hover{color:#fff;background-color:rgba(0,0,0,0)}.auth-header .tab a:not(.active):hover{transform:translateY(-1px)}.auth-header .tab:hover{border-color:rgba(30,20,99,.3);box-shadow:0 2px 8px rgba(30,20,99,.1)}html.dark .auth-header .tab{border-color:var(--text-primary);background-color:rgba(0,0,0,0)}html.dark .auth-header .tab:before{background-color:#1e1463}html.dark .auth-header .tab:hover{border-color:rgba(30,20,99,.4);box-shadow:0 2px 8px rgba(30,20,99,.15)}html.dark .auth-header .tab a{color:var(--text-primary)}html.dark .auth-header .tab a.active,html.dark .auth-header .tab a.active:hover{color:#fff}.auth-header .tab.sign-in-active:before{transform:translateX(0);opacity:1}.auth-header .tab.sign-up-active:before{transform:translateX(100%);opacity:1}@media(max-width:480px){.auth-header .tab{width:280px}.auth-header .tab a{font-size:.75rem;padding:.6rem .8rem}}@media(prefers-reduced-motion:no-preference){.auth-header .tab a.active{animation:activeTab .3s ease-out}}@keyframes activeTab{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.multi-step-form{width:100%;max-width:450px;margin:auto}.multi-step-form .steps{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:1.5rem}.multi-step-form .steps span{cursor:pointer;width:100px;font-family:Satoshi,sans-serif;font-weight:200;font-size:14px;color:#5b5b5b;position:relative;padding-bottom:5px;border-bottom:1px solid #a6a6a6}.multi-step-form .steps span.active{color:#1e1463;border-bottom:2px solid #1e1463}.multi-step-form .form{display:flex;flex-direction:column;gap:12px;width:350px}.multi-step-form .form .input-group{width:100%;display:flex;flex-direction:column}.multi-step-form .form .input-group label{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:200;margin-bottom:8px;text-align:start;color:#000}.multi-step-form .form .input-group input,.multi-step-form .form .input-group select{font-size:13px;width:100%;padding:10px;border:1px solid #d0d0d0;border-radius:4px;outline:none;transition:border-color .3s;color:#5b5b5b}.multi-step-form .form .input-group input:focus,.multi-step-form .form .input-group select:focus{border-color:#1e1463}.multi-step-form .form .input-group input::placeholder,.multi-step-form .form .input-group select::placeholder{color:rgba(0,0,0,0)}.multi-step-form .form .phone-input{display:flex;align-items:stretch;gap:5px}.multi-step-form .form .phone-input .select-wrapper{display:flex;align-items:center;border:1px solid #d0d0d0;border-radius:4px;padding:8px;width:120px;background-color:#fff;cursor:pointer;position:relative}.multi-step-form .form .phone-input .select-wrapper .flag{width:20px;height:auto;display:inline-block}.multi-step-form .form .phone-input .select-wrapper select{border:none;background:rgba(0,0,0,0);padding:0;width:100%;cursor:pointer;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.multi-step-form .form .phone-input input{flex:1 1;border:1px solid #d0d0d0;border-radius:4px;padding:10px}.multi-step-form .form .phone-input input::placeholder{color:#5b5b5b;font-weight:200}.multi-step-form .form .password-input{width:100%;position:relative;display:flex;align-items:center}.multi-step-form .form .password-input input{flex:1 1;padding-right:40px}.multi-step-form .form .password-input .eye-icon{position:absolute;right:12px;cursor:pointer;font-size:18px;color:#757575}.multi-step-form .form .password-input .eye-icon:hover{color:#1e1463}.multi-step-form .form .device-selection{display:flex;gap:5px}.multi-step-form .form .device-selection select:first-child{width:40%}.multi-step-form .form .device-selection select:nth-child(2){flex:1 1}.multi-step-form .form .social-media{display:flex;gap:5px}.multi-step-form .form .social-media select{width:40%}.multi-step-form .form .social-media input{flex:1 1}.multi-step-form .form .social-media input::placeholder{color:#5b5b5b;font-weight:200}.multi-step-form .form .btn{margin-top:1rem;font-size:16px;font-weight:200}.multi-step-form .form .info-paragraph{color:#5b5b5b;font-size:.8rem}.multi-step-form .form .info-paragraph a{color:currentColor;text-decoration:underline}.multi-step-form .form .privacy{text-align:center;font-size:13px;color:#5b5b5b}.multi-step-form .form .privacy a{color:currentColor;text-decoration:underline}.multi-step-form .form .privacy a:hover{text-decoration:underline;color:#1e1463}html.dark .multi-step-form .steps span{color:var(--text-primary)}html.dark .multi-step-form .steps span.active{color:var(--text-primary);border-bottom:2px solid #1e1463}html.dark .multi-step-form .form .input-group input,html.dark .multi-step-form .form .input-group select{background-color:rgba(0,0,0,0);color:var(--text-primary);border:1px solid var(--text-primary)}html.dark .multi-step-form .form .input-group input:focus,html.dark .multi-step-form .form .input-group select:focus{border-color:var(--text-primary)}html.dark .multi-step-form .form .input-group input::placeholder,html.dark .multi-step-form .form .input-group select::placeholder{color:rgba(0,0,0,0)}html.dark .multi-step-form .form .input-group label{color:var(--text-primary)}html.dark .multi-step-form .form .input-group select option{background-color:#1c1442;color:var(--text-primary)}html.dark .multi-step-form .form input{color:var(--text-primary)}html.dark .multi-step-form .form input::placeholder{color:var(--text-primary)}html.dark .multi-step-form .form .select-wrapper{background:rgba(0,0,0,0)}html.dark .multi-step-form .form .select-wrapper>select{border:none}html.dark .multi-step-form .form select{background-color:rgba(0,0,0,0)}html.dark .multi-step-form .form select option{background-color:#1c1442;color:var(--text-primary)}html.dark .multi-step-form .form .info-paragraph{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box;font-family:Satoshi,sans-serif}a{text-decoration:none}ul{list-style:none}.btn{width:100%;height:45px;font-size:12px;border-radius:25px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease-in-out;font-size:.9rem}.btn.right{flex-direction:row-reverse}.btn .icon{width:20px;height:20px;object-fit:contain}.btn.primary{background-color:#1e1463;color:#fff}.btn.primary:hover{background-color:#b8abfd}.btn.secondary{background-color:rgba(0,0,0,0);color:var(--text-primary);border:1px solid #1e1463}.btn.secondary:hover{background-color:#38299d;color:#fff}.btn.social-apple,.btn.social-facebook,.btn.social-google,.btn.social-microsoft,.btn.social-passkey{background-color:#fff;border:1px solid #d0d0d0;color:#000}.btn.social-apple:hover,.btn.social-facebook:hover,.btn.social-google:hover,.btn.social-microsoft:hover,.btn.social-passkey:hover{background-color:#d0d0d0}html.dark .btn.social-apple,html.dark .btn.social-facebook,html.dark .btn.social-google,html.dark .btn.social-microsoft,html.dark .btn.social-passkey{background-color:rgba(0,0,0,0);border:1px solid var(--text-primary);color:var(--text-primary)}html.dark .btn.social-apple:hover,html.dark .btn.social-facebook:hover,html.dark .btn.social-google:hover,html.dark .btn.social-microsoft:hover,html.dark .btn.social-passkey:hover{background-color:#2a2260}html.dark .btn.secondary{border:1px solid var(--text-primary);color:#eee}html.dark .btn.secondary:hover{background-color:#38299d;color:#fff}html.dark .btn.primary{background-color:#1e1463;color:#fff}html.dark .btn.primary:hover{background-color:#38299d}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:2px solid #1e1463;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:.3s ease-in-out}.nav-btn:hover{background:#1e1463;color:#fff}.nav-btn.left{left:100px}.nav-btn.right{right:100px}.nav-btn.hidden{visibility:hidden}html.dark .nav-btn{background:rgba(0,0,0,0);border:2px solid #1e1463;color:#cbc4f5}html.dark .nav-btn:hover{background:#cbc4f5;color:#1e1463}.divider{display:flex;align-items:center;width:100%;text-align:center;color:#5b5b5b;font-size:12px;margin:25px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background-color:#d0d0d0;margin:0 10px}html.dark .divider{color:var(--text-secondary)}.speech-bubble-wrap{position:relative;display:inline-block;overflow:visible;font-family:Atkinson Hyperlegible,sans-serif!important;--bubble-border-width:2px;--tail-size:52px;--tail-height:24px;--tail-offset-x:-18px;--tail-join-adjust:0px}.speech-bubble-wrap .speech-bubble{position:relative;z-index:2;border:var(--bubble-border-width) solid var(--bubble-border);background:var(--bubble-bg);color:var(--bubble-text);line-height:1.6;border-radius:.5rem;padding:1rem;font-family:Atkinson Hyperlegible,sans-serif;font-weight:400;font-style:normal}.speech-bubble-wrap .speech-bubble-tail{position:absolute;width:var(--tail-size);height:var(--tail-height);pointer-events:none;z-index:1}.speech-bubble-wrap .speech-bubble-tail svg{display:block}.speech-bubble-wrap.speech-bubble--tail-bottom-right .speech-bubble-tail{right:var(--tail-offset-x);bottom:-2px}.speech-bubble-wrap.speech-bubble--tail-bottom-center{--tail-size:28px;--tail-height:14px}.speech-bubble-wrap.speech-bubble--tail-bottom-center .speech-bubble-tail{left:49%;bottom:-12px;transform:translateX(-50%) scaleY(-1);width:0;height:0}.speech-bubble-wrap.speech-bubble--tail-bottom-center .speech-bubble-tail svg{display:none!important}.speech-bubble-wrap.speech-bubble--tail-bottom-center .speech-bubble-tail:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:calc(var(--tail-size)/2) solid rgba(0,0,0,0);border-right:calc(var(--tail-size)/2) solid rgba(0,0,0,0);border-bottom:var(--tail-height) solid var(--bubble-border)}.speech-bubble-wrap.speech-bubble--tail-bottom-center .speech-bubble-tail:after{content:"";position:absolute;top:var(--bubble-border-width);left:50%;transform:translateX(-50%);border-left:calc(var(--tail-size)/2 - var(--bubble-border-width)) solid rgba(0,0,0,0);border-right:calc(var(--tail-size)/2 - var(--bubble-border-width)) solid rgba(0,0,0,0);border-bottom:calc(var(--tail-height) - var(--bubble-border-width)) solid var(--bubble-bg)}.speech-bubble-wrap.speech-bubble--tail-top-center{--tail-size:28px;--tail-height:14px}.speech-bubble-wrap.speech-bubble--tail-top-center .speech-bubble-tail{left:50%;top:calc(-1*var(--tail-height) + var(--tail-join-adjust));transform:translateX(-50%) scaleY(-1);width:0;height:0}.speech-bubble-wrap.speech-bubble--tail-top-center .speech-bubble-tail svg{display:none!important}.speech-bubble-wrap.speech-bubble--tail-top-center .speech-bubble-tail:before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;border-left:calc(var(--tail-size)/2) solid rgba(0,0,0,0);border-right:calc(var(--tail-size)/2) solid rgba(0,0,0,0);border-top:var(--tail-height) solid var(--bubble-border)}.speech-bubble-wrap.speech-bubble--tail-top-center .speech-bubble-tail:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:var(--bubble-border-width);border-left:calc(var(--tail-size)/2 - var(--bubble-border-width)) solid rgba(0,0,0,0);border-right:calc(var(--tail-size)/2 - var(--bubble-border-width)) solid rgba(0,0,0,0);border-top:calc(var(--tail-height) - var(--bubble-border-width)) solid var(--bubble-bg)}.speech-bubble-wrap.speech-bubble--tail-bottom-left .speech-bubble-tail{left:var(--tail-offset-x);bottom:-2px;transform:scaleX(-1)}.speech-bubble-wrap.speech-bubble--tail-top-right .speech-bubble-tail{right:var(--tail-offset-x);top:calc(-1*var(--tail-height) + var(--tail-join-adjust));transform:scaleY(-1)}.speech-bubble-wrap.speech-bubble--tail-top-left .speech-bubble-tail{left:-14px;top:-3px;transform:scaleY(-1) scaleX(-1)}.speech-bubble-wrap.speech-bubble--no-tail .speech-bubble-tail{display:none}.progress-dots{display:flex;justify-content:center;gap:10px}.progress-dots .dot{width:12px;height:12px;border-radius:50%;background:#d0d0d0;transition:background .3s ease-in-out}.progress-dots .dot.active{background:#1e1463}html.dark .progress-dots .dot{background:#cbc4f5}html.dark .progress-dots .dot.active{background:#1e1463}.step-guide-title{text-align:center;margin-bottom:20px}.step-guide-title .step-text{font-size:16px;font-weight:400;color:#333}.step-guide-title .step-logo{display:flex;justify-content:center;align-items:center;margin-top:5px}.step-guide-title .step-logo img{object-fit:contain}html.dark .step-guide-title .step-text{color:#cbc4f5}.guide-card{border:1px solid #868686;border-radius:20px;height:13rem;width:13rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;cursor:pointer;transition:all .3s ease}.guide-card:hover{transform:translateY(-2px);border:3px solid var(--text-primary);box-shadow:0 4px 12px rgba(31,20,99,.628);border-color:var(--text-primary)}.guide-card.selected{background-color:#dcd6ff;box-shadow:10px 4px 25px 2px rgba(14,14,14,.135)}.guide-card.selected:hover{box-shadow:0 0 0 2px rgba(220,214,255,.393)}.guide-card.selected .guide-name{font-weight:700}.guide-card .guide-name{margin:1.5rem auto 1rem;font-size:1.5rem;font-weight:500;font-style:normal;color:var(--text-primary);text-align:center;flex-shrink:0}.guide-card .guide-image-container{width:100%;height:100%;flex:1 1;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}.guide-card .guide-image-container .guide-image{padding:0 .9rem;width:100%!important;height:auto!important;min-height:100%;object-fit:cover;object-position:center top;position:absolute;top:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimizeQuality}html.dark .guide-card{border-color:#6b7280;background:rgba(0,0,0,0)}html.dark .guide-card:hover{border-color:#60a5fa}html.dark .guide-card.selected{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.2)}html.dark .guide-card .guide-name{color:#f9fafb}@media(max-width:768px){.guide-card{width:200px;height:200px}.guide-card .guide-name{font-size:1.2rem;margin:1rem auto .5rem}}@media(max-width:480px){.guide-card{width:180px;height:180px}.guide-card .guide-name{font-size:1rem;margin:.8rem auto .3rem}}.auth-layout{height:100vh;display:flex;justify-content:center;align-items:center}.auth-layout .auth-image{position:absolute;z-index:1;bottom:0;max-width:300px;height:auto;object-fit:contain}.auth-layout .auth-image.left{bottom:10%;left:17.5%}.auth-layout .auth-image.right{bottom:10%;right:16.5%}.welcome{width:100%;display:flex;gap:1rem;flex-direction:column;align-items:center}.welcome .welcome-small-title{font-size:.8rem;font-weight:400;color:#5b5b5b}.welcome .welcome-title{color:var(--text-primary);text-transform:capitalize;font-weight:500!important;font-style:normal;margin-bottom:20px}.welcome .img-container{width:220px}.welcome .img-container img{width:100%;height:100%;object-fit:cover}.welcome .btns-container{width:100%}.welcome .btns-container .btns-group{width:100%;display:flex;flex-direction:column;gap:1rem}html.dark .welcome-small-title{color:var(--text-secondary)}.sign-in{width:100%;display:flex;flex-direction:column;align-items:center}.sign-in .auth-form{width:100%;margin-top:2rem}.sign-in .auth-form .input-group{width:100%;display:flex;flex-direction:column;align-items:start;margin-bottom:1rem}.sign-in .auth-form .input-group label{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:.5rem;font-weight:300}.sign-in .auth-form .input-group input{font-size:13px;width:100%;border:1px solid #d0d0d0;height:40px;font-size:1rem;padding-left:10px}.sign-in .auth-form .input-group input::placeholder{color:rgba(0,0,0,0)}.sign-in .auth-form .input-group .password-input{width:100%;position:relative;display:flex;align-items:center}.sign-in .auth-form .input-group .password-input input{flex:1 1;padding-right:40px}.sign-in .auth-form .input-group .password-input .eye-icon{position:absolute;right:12px;cursor:pointer;font-size:18px;color:#757575}.sign-in .auth-form .input-group .password-input .eye-icon:hover{color:#1e1463}.sign-in .auth-form .btn{padding:1rem;margin-top:2rem;font-size:1rem}.sign-in .auth-form .forgot-password{margin-top:1rem;font-size:.7rem;color:#5b5b5b}.sign-in .auth-form .forgot-password a{text-decoration:underline;color:#1e1463;font-weight:700}.sign-in .btns-container{width:100%}.sign-in .btns-container .btns-group{width:100%;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}html.dark .auth-form .input-group input{border:1px solid var(--text-primary);background-color:rgba(0,0,0,0);color:var(--text-primary)}html.dark .eye-icon,html.dark .forgot-password,html.dark .forgot-password a{color:var(--text-primary)!important}.congrats{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem}.congrats canva{display:none;top:0}.congrats .logo img{object-fit:contain}.congrats .success-icon{width:300px}.congrats .success-icon img{object-fit:cover}.congrats .text h2{color:#1e1463;margin-bottom:1rem}.congrats .text p{color:#5b5b5b;font-size:.9rem;margin-bottom:.2rem}html.dark .congrats .text h2{color:var(--text-primary)}html.dark .congrats .text p{color:var(--text-secondary)}.onboarding{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.onboarding .step-guide-title{position:absolute;top:60px;left:50%;transform:translateX(-50%)}.onboarding .bottom-controllers{margin-top:2rem;display:flex;justify-content:center;align-items:center}.onboarding .bottom-controllers>div{display:flex;flex-direction:column;gap:1rem}.onboarding .bottom-controllers>div .btn{width:22rem}.onboarding .bottom-controllers>div .btn:first-child{margin-bottom:8px}.choosing-guide{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;height:100%;width:100vw}.choosing-guide .main-img{margin-top:10rem}.choosing-guide .bottom-section{display:flex;flex-direction:column;gap:1rem}.choosing-guide .bottom-section .cta-text{text-align:center;font-size:1.2rem}.choosing-guide .guides-container{display:flex;gap:50px;justify-content:center}.first-step{width:100vw;height:100%;display:flex}.first-step .content{width:100%;min-height:75vh}.first-step .content .characters{position:absolute;left:13%;top:22%;display:inline-block}.first-step .content .characters img:last-child{transform:translateX(-35%)}.first-step .content .demo{height:600px;position:absolute;right:200px;top:90px}.first-step .content .demo img{object-fit:cover;width:100%;height:100%}.second-step{width:100vw;height:100%;display:flex}.second-step .content{width:100%;min-height:75vh}.second-step .content .characters{display:inline-block;position:absolute;left:50%;top:50%;transform:translateX(-70%) translateY(-50%)}.second-step .content .characters img:first-child{transform:translateX(55%)}.second-step .content .demo{height:600px;position:absolute;right:200px;top:90px}.second-step .content .demo img{object-fit:cover;width:100%;height:100%}.third-step{width:100vw;height:100%;display:flex}.third-step .content{width:100%;min-height:75vh}.third-step .content .characters{display:inline-block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-45%)}.third-step .content .demo{height:600px;position:absolute;right:200px;top:90px}.third-step .content .demo img{object-fit:cover;width:100%;height:100%}.fourth-step{width:100vw;height:100%;display:flex;justify-content:center}.fourth-step .content{display:flex;align-items:end;min-height:75vh;gap:20px;transform:translateX(10%);z-index:10;position:relative}.fourth-step .content .demo{height:450px;margin-right:2rem}.fourth-step .content .demo img{object-fit:cover;width:100%;height:100%}.fifth-step{width:100vw;height:100%;display:flex;justify-content:center}.fifth-step .content{display:flex;align-items:end;min-height:75vh;z-index:10;position:relative;transform:translateX(-15%)}.fifth-step .content .demo{height:450px}.fifth-step .content .demo img{object-fit:cover;width:100%;height:100%}.fifth-step .content .ally-flying{position:absolute;right:-190px;top:20%}.sixth-step{width:100vw;height:100%;display:flex}.sixth-step .content{width:100%;min-height:75vh}.sixth-step .content .characters{display:inline-block;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-45%)}.sixth-step .content .demo{height:600px;position:absolute;right:200px;top:90px}.sixth-step .content .demo img{object-fit:cover;width:100%;height:100%}.final-step{width:100vw;height:100%;display:flex;flex-direction:column;align-items:center}.final-step .content{width:100%;min-height:75vh;display:flex;justify-content:center;align-items:end;padding-bottom:5rem}.final-step .content .characters img:last-child{transform:translateX(-20%)}.final-step .activate-btn .btn{min-width:20rem}.investement-step,.investement-step .content{display:flex;flex-direction:column;justify-content:center;align-items:center}.investement-step .content{gap:20px;margin-bottom:2rem}.investement-step .content h1{font-weight:700}.investement-step .content p{max-width:400px;text-align:center;color:var(--primary-color);font-weight:700}.investement-step .actions-btn{display:flex;flex-direction:column;gap:10px}.investement-step .actions-btn .btn{min-width:20rem}