@font-face{font-family:Jumper;src:url(/fonts/JumperPERSONALUSEONLY-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Jumper;src:url(/fonts/JumperPERSONALUSEONLY-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Jumper;src:url(/fonts/JumperPERSONALUSEONLY-Light.ttf) format("truetype");font-weight:300;font-style:normal}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background:linear-gradient(135deg,#000,#111,#000)}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#fffc}body{margin:0;min-width:280px;min-height:100vh;overflow-x:hidden}h1{font-size:clamp(1.8em,6vw,2.5em);line-height:1.1;margin:.5em 0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;border:1px solid white;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{background-color:#fff;color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:1.5rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden}#root:before,#root:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(150px);opacity:.1;animation:gradientMove 20s ease-in-out infinite alternate;pointer-events:none;z-index:-1}#root:before{background:linear-gradient(135deg,#323232,#191919);top:-200px;right:-100px;animation-delay:-5s}#root:after{background:linear-gradient(135deg,#191919,#323232);bottom:-200px;left:-100px}.initial-check-container{width:60px;height:60px;border-radius:40%;display:grid;place-items:center;background:linear-gradient(135deg,#28282866,#14141466);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;animation:initialCheckPulse 3s cubic-bezier(.4,0,.6,1)}.initial-check-icon{animation:initialCheckFade 3s cubic-bezier(.4,0,.6,1),initialCheckColor 3s cubic-bezier(.4,0,.6,1)}@keyframes initialCheckPulse{0%{transform:scale(.8);opacity:0}20%{transform:scale(1.1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes initialCheckColor{0%{color:#fff}60%{color:#fff}to{color:#0195f5;filter:drop-shadow(0 2px 4px rgba(1,149,245,.3))}}@keyframes initialCheckFade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.divider{width:60px;height:2px;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);opacity:0;animation:dividerFadeIn .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.3s}@keyframes dividerFadeIn{0%{opacity:0;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}.tag{display:flex;align-items:center;justify-content:center;gap:.5em;background:linear-gradient(135deg,#28282866,#14141466);color:#000;padding:.5em 1em;border-radius:2em;font-weight:300;font-size:clamp(.75em,2.5vw,.85em);margin-bottom:1.5em;color:#fff;font-family:Jumper,system-ui,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.4s;opacity:0}h1{font-weight:700;margin:0;font-size:clamp(1.8em,6vw,2.5em);text-align:center;font-family:Jumper,system-ui,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:.02em;animation:scaleIn 1s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.6s;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scroll-indicator{margin:1.5em 0;display:flex;justify-content:center;color:#fff9}.steps-container{margin-top:-1.5em}.check-container{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#28282866,#14141466);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.check-icon{color:#fff;animation:fadeInOut 3s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);border-color:#fff3}}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}.scroll-arrow{opacity:.8;animation:arrowFloat 2.5s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 2px 8px rgba(255,255,255,.2))}@keyframes arrowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.scroll-indicator{animation:fadeInUp .6s ease-out forwards;animation-delay:.6s;opacity:0}.steps-title{animation:fadeInUp .6s ease-out forwards;animation-delay:.9s;opacity:0}.step{animation:fadeInUp .6s ease-out forwards;opacity:0}.step:nth-child(1){animation-delay:1.2s}.step:nth-child(2){animation-delay:1.4s}.step:nth-child(3){animation-delay:1.6s}.steps-container{display:flex;flex-direction:column;gap:clamp(1.2em,4vw,1.8em);max-width:min(800px,100%);width:100%;padding:0 1rem 4rem;box-sizing:border-box;opacity:0;animation:fadeIn .8s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.8s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.steps-title{font-size:clamp(1.2em,4vw,1.5em);font-weight:700;margin-bottom:.5em;text-align:center;font-family:Jumper,system-ui,sans-serif}.platform-toggle{display:flex;gap:.5em;margin-bottom:1.5em;background:#ffffff0d;padding:.3em;border-radius:2em;border:1px solid rgba(255,255,255,.1);position:relative;isolation:isolate;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (min-width: 481px){.platform-toggle{width:240px;padding:.4em;margin-left:auto;margin-right:auto}.step button{max-width:200px;font-size:.9em;padding:.7em 1em}}.platform-button{padding:.5em 1em;border-radius:1.5em;background:transparent;border:none;color:#fff9;font-size:.9em;box-shadow:none;flex:1;margin:0;display:flex;align-items:center;justify-content:center;gap:.5em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}@media (max-width: 480px){.platform-button{padding:.5em .8em;font-size:.85em}}.platform-button.active{background:linear-gradient(135deg,#002cdd,#0195f5);color:#fff;box-shadow:0 2px 12px #0195f540}.platform-button:hover{color:#fff}.platform-button:not(.active):hover{background:#ffffff1a}.platform-button:active{transform:scale(.98)}@keyframes gradientMove{0%{transform:translate(0) rotate(0);filter:blur(120px)}25%{transform:translate(50px,-25px) rotate(15deg);filter:blur(140px)}50%{transform:translate(25px,50px) rotate(0);filter:blur(120px)}75%{transform:translate(-25px,25px) rotate(-15deg);filter:blur(140px)}to{transform:translate(0) rotate(0);filter:blur(120px)}}.step{display:flex;gap:1em;flex-direction:row;text-align:left;align-items:flex-start;background:linear-gradient(135deg,#ffffff0a,#ffffff12);padding:clamp(1.2em,4vw,1.5em);border-radius:.5em;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;z-index:1}.step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:.5em;opacity:0;z-index:-1;transition:opacity .4s ease}.step.accent{background:linear-gradient(135deg,#002cdd4d,#0195f54d);border:1px solid rgba(1,149,245,.3);box-shadow:0 8px 32px #0195f526;position:relative;overflow:hidden}.step.accent:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3;pointer-events:none;transition:opacity .3s ease;animation:floatingDots 15s linear infinite}.step.accent:hover{background:linear-gradient(135deg,#002cdd4d,#0195f54d);border-color:#0195f566;box-shadow:0 12px 40px #0195f526}.step.accent:hover:before{opacity:.4;animation-duration:10s}.step:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff14);border-color:#ffffff26;transform:translateY(-3px) scale(1.01);box-shadow:0 12px 40px #00000080}.step:hover:after{opacity:1}.step-number{background:#000;color:#fff;width:clamp(2.2em,7vw,3.2em);height:clamp(2.2em,7vw,3.2em);display:flex;align-items:center;justify-content:center;border-radius:.5em;font-weight:700;flex-shrink:0;font-size:clamp(1em,3.5vw,1.4em);font-family:system-ui,-apple-system,sans-serif;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000004d;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.step:hover .step-number{transform:scale(1.05);box-shadow:0 6px 20px #0006}.step.accent .step-number{background:linear-gradient(135deg,#002cdd,#0195f5);border:none;box-shadow:0 4px 12px #0195f54d}.step-content{flex:1}.step-title{font-weight:700;margin-bottom:.5em;display:flex;align-items:center;justify-content:space-between;font-size:clamp(.85em,2.5vw,1em);font-family:Jumper,system-ui,sans-serif;-webkit-user-select:none;user-select:none;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.step:hover .step-title{transform:translate(4px)}.expand-icon{display:none;transition:transform .3s ease;background:#ffffff1a;padding:8px;border-radius:50%;color:#fffc}.expanded .expand-icon{transform:rotate(90deg);background:#fff3}.step-description{font-weight:100;font-size:clamp(.8em,2.5vw,.9em);line-height:1.5;color:#ffffffb3;font-family:Jumper,system-ui,sans-serif;margin-right:.5em}.icon{flex-shrink:0}.blue-gradient-icon{color:#0195f5;filter:drop-shadow(0 2px 4px rgba(1,149,245,.3))}@media (max-width: 480px){.icon{transform:scale(.9)}.expand-icon{display:block}.step{gap:.8em;cursor:pointer;position:relative}.step:first-child{cursor:default}.step-content{min-width:0}.collapsible{display:none;margin-right:0;transition:all .3s ease;margin-top:.5em}.expanded .collapsible{display:block;animation:slideDown .3s ease forwards}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button{color:#fff;padding:clamp(.8em,2.5vw,1em) clamp(1.2em,3vw,1.4em);border-radius:.3em;margin-top:0;cursor:pointer;font-size:clamp(.8em,2.5vw,.9em);transition:all .3s ease;background:linear-gradient(135deg,#002cdd,#0195f5);border:none;font-family:Jumper,system-ui,sans-serif;display:flex;align-items:center;gap:.5em;box-shadow:0 4px 15px #0195f54d;letter-spacing:.01em;width:100%;justify-content:center}button:hover{background:linear-gradient(135deg,#0026c4,#0180d4);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #0195f566}button:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}@keyframes floatingDots{0%{transform:translate(0) rotate(0)}25%{transform:translate(5px,5px) rotate(1deg)}50%{transform:translateY(10px) rotate(0)}75%{transform:translate(-5px,5px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}
