.hero{background:radial-gradient(ellipse 80% 70% at 85% 30%, color-mix(in oklch, var(--brand-from) 34%, transparent), transparent 70%), var(--accent-950);min-height:calc(100svh - 4.5rem)}.hero-art{opacity:.95;width:auto;height:112%;top:-6%;right:-12%;-webkit-mask-image:linear-gradient(#000 45%,#0000 88%);mask-image:linear-gradient(#000 45%,#0000 88%)}@media (max-width:1023px){.hero-art{opacity:.35;height:72%;top:4%;right:-42%}}@media (prefers-reduced-motion:no-preference){.hero-art{animation:hero-art-in 1.1s var(--ease-out-expo) .1s both}html[data-intro=play] .hero-art{animation-delay:1s}}@keyframes hero-art-in{0%{clip-path:polygon(0 100%,0 100%,0 100%,0 100%);transform:translate(4%,6%)scale(.96)}to{clip-path:polygon(-20% -20%,140% -20%,140% 140%,-20% 140%)}}.page-header:after{content:"";inset-block:0;z-index:-1;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%);background:linear-gradient(to bottom right, var(--field-from), var(--field-to));opacity:.12;width:min(28vw,22rem);position:absolute;right:0}@media (prefers-reduced-motion:no-preference){.page-header:after{animation:page-header-edge var(--duration-slow) var(--ease-out-expo) both}}@keyframes page-header-edge{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}@media (prefers-reduced-motion:no-preference){.form-sent{animation:form-sent var(--duration-slow) var(--ease-out-expo) both}}@keyframes form-sent{0%{clip-path:polygon(0 100%,0 100%,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.auth-main{background:linear-gradient(114deg, transparent 0 62%, color-mix(in oklch, var(--field-from) 10%, transparent) 62% 100%), var(--bg)}@media (prefers-reduced-motion:no-preference){.auth-card{animation:form-sent var(--duration-slow) var(--ease-out-expo) both}}.process-step:before{content:"";background:var(--accent);width:.875rem;height:.875rem;box-shadow:0 0 0 6px color-mix(in oklch, var(--accent) 16%, transparent);border-radius:999px;position:absolute;top:.45rem;left:0}.process-step:after{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:2px;position:absolute;top:1.6rem;bottom:-2.5rem;left:calc(.4375rem - 1px)}.process-step:last-child:after{display:none}@media (min-width:1024px){.process-step:before{top:0}.process-step:after{background:linear-gradient(to right, var(--accent), color-mix(in oklch, var(--accent) 30%, transparent));width:auto;height:2px;inset:calc(.4375rem - 1px) -3rem auto 1.6rem}}