.oct-login{--oct-bg: 251 250 248;--oct-card: 255 255 255;--oct-card2: 255 255 255;--oct-line: 232 227 220;--oct-fg: 22 22 24;--oct-brand: 255 82 10;--oct-brand-soft: 205 60 0;--oct-warn: 190 60 0;--oct-mu: 88 88 92;--oct-mu2: 112 112 118;color-scheme:light;position:relative;overflow:hidden;background:rgb(var(--oct-bg))}.oct-login .oct-logo-on-dark{display:none!important}.oct-login .oct-logo-on-light{display:block!important}.oct-login-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.oct-orb{position:absolute;border-radius:9999px;filter:blur(56px)}.oct-orb-a{width:38rem;height:38rem;left:-8%;top:-14%;background:#ff520a47;animation:oct-orb-a 22s ease-in-out infinite}.oct-orb-b{width:34rem;height:34rem;right:-10%;top:12%;background:#ff963c42;animation:oct-orb-b 28s ease-in-out infinite}.oct-orb-c{width:30rem;height:30rem;left:24%;bottom:-18%;background:#ffbe784d;animation:oct-orb-c 34s ease-in-out infinite}.oct-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background-image:linear-gradient(to right,rgba(255,82,10,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,82,10,.16) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 100%);animation:oct-grid-wave 14s ease-in-out infinite}.oct-ring-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.oct-ring{position:relative;width:64rem;height:64rem;border-radius:9999px;border:1px dashed rgba(255,82,10,.28);animation:oct-spin 140s linear infinite}.oct-ring-rev{width:46rem;height:46rem;position:absolute;left:9rem;top:9rem;animation:oct-spin-rev 190s linear infinite}.oct-dot{position:absolute;width:.7rem;height:.7rem;border-radius:9999px;background:#ff520a;box-shadow:0 0 18px #ff520a99;transform:translate(-50%,-50%);animation:oct-dot-breathe 5s ease-in-out infinite}.oct-shape{position:absolute;border:1.5px solid rgba(255,82,10,.35)}.oct-shape-1{width:5rem;height:5rem;left:12%;top:62%;border-radius:1.4rem;animation:oct-float-rot 24s ease-in-out 1s infinite}.oct-shape-2{width:3.2rem;height:3.2rem;right:14%;top:22%;border-radius:9999px;animation:oct-float 18s ease-in-out infinite}.oct-shape-3{width:2.4rem;height:2.4rem;right:22%;bottom:14%;border-radius:.7rem;animation:oct-float-rot 20s ease-in-out 3s infinite}.oct-card{--mx: 0;--my: 0;--lift: 0;position:relative;transform:perspective(1100px) rotateY(calc(var(--mx) * 5deg)) rotateX(calc(var(--my) * -5deg)) translateY(calc(var(--lift) * -6px));transition:transform .35s ease-out,box-shadow .45s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 60px -28px #ff520a59,0 2px 6px #1616180f;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.oct-card:hover{box-shadow:0 40px 70px -26px #ff520a73,0 2px 6px #1616180f}.oct-card-in{animation:oct-card-in .9s cubic-bezier(.16,1,.3,1) backwards}.oct-stagger>*{animation:oct-fade-up .62s cubic-bezier(.16,1,.3,1) backwards}.oct-stagger>:nth-child(1){animation-delay:.18s}.oct-stagger>:nth-child(2){animation-delay:.26s}.oct-stagger>:nth-child(3){animation-delay:.34s}.oct-stagger>:nth-child(4){animation-delay:.42s}.oct-stagger>:nth-child(5){animation-delay:.5s}.oct-stagger>:nth-child(n+6){animation-delay:.58s}.oct-login .oct-primary{position:relative;overflow:hidden;background-image:linear-gradient(97deg,#ff5a14,#ff8a3d);color:#fff;box-shadow:0 12px 28px -12px #ff520ab3;transition:transform .2s,box-shadow .35s}.oct-login .oct-primary:hover:not(:disabled){transform:translateY(-1px)}.oct-login .oct-primary:after{content:"";position:absolute;top:0;bottom:0;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:oct-sweep 4.5s ease-in-out 1.6s infinite}@keyframes oct-orb-a{0%,to{transform:translate(-12%,-18%) scale(1)}33%{transform:translate(46%,22%) scale(1.22)}66%{transform:translate(18%,-30%) scale(.9)}}@keyframes oct-orb-b{0%,to{transform:translate(28%,26%) scale(1.1)}40%{transform:translate(-26%,-14%) scale(.92)}70%{transform:translate(52%,8%) scale(1.18)}}@keyframes oct-orb-c{0%,to{transform:translate(60%,-12%) scale(.95)}50%{transform:translate(-8%,28%) scale(1.25)}}@keyframes oct-grid-wave{0%,to{background-position:-34px 0,0 30px}50%{background-position:34px 0,0 -30px}}@keyframes oct-spin{to{transform:rotate(360deg)}}@keyframes oct-spin-rev{to{transform:rotate(-360deg)}}@keyframes oct-float{0%,to{transform:translateY(-14px)}50%{transform:translateY(14px)}}@keyframes oct-float-rot{0%,to{transform:translateY(12px) rotate(-8deg)}50%{transform:translateY(-12px) rotate(8deg)}}@keyframes oct-dot-breathe{0%,to{opacity:.35;transform:translate(-50%,-50%) scale(.75)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}@keyframes oct-card-in{0%{opacity:0;transform:translateY(28px) scale(.975)}to{opacity:1;transform:none}}@keyframes oct-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes oct-sweep{0%{transform:translate(-140%) skew(-16deg)}to{transform:translate(340%) skew(-16deg)}}@media (prefers-reduced-motion: reduce){.oct-orb,.oct-grid,.oct-ring,.oct-ring-rev,.oct-dot,.oct-shape,.oct-card-in,.oct-stagger>*,.oct-login .oct-primary:after{animation:none!important}.oct-card{transition:none;transform:none}}@media (max-width: 640px){.oct-ring-wrap,.oct-shape{display:none}}