:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}a{color:inherit;text-decoration:none}.auth-scene{color:#07111f;background:radial-gradient(circle at 12% 8%,#5ec8ff38,#0000 28%),radial-gradient(circle at 84% 18%,#14b8a629,#0000 30%),linear-gradient(135deg,#f4fbff 0%,#eaf7fb 44%,#fff 100%);grid-template-columns:minmax(0,1fr) minmax(340px,480px);align-items:center;gap:clamp(28px,5vw,72px);min-height:100vh;padding:clamp(24px,6vw,80px);display:grid;position:relative;overflow:hidden}.auth-scene:before{content:"";opacity:.8;background-image:linear-gradient(#071a3d0f 1px,#0000 1px),linear-gradient(90deg,#071a3d0f 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000c7,#0000 72%);mask-image:linear-gradient(90deg,#000000c7,#0000 72%)}.auth-scene:after{content:"";opacity:.82;background:linear-gradient(120deg,#0000 0%,#ffffffeb 40%,#0000 78%),linear-gradient(90deg,#0000,#5ec8ff33,#0000);width:140%;height:34%;position:absolute;inset:38% 0 0 -20%;transform:rotate(-10deg)}.auth-canvas{position:absolute;inset:0}.auth-node{background:#fff;border:1px solid #229bda4d;border-radius:999px;width:16px;height:16px;animation:8s ease-in-out infinite auth-float;position:absolute;box-shadow:0 0 0 8px #5ec8ff14,0 18px 54px #071a3d21}.auth-node-one{top:22%;left:12%}.auth-node-two{animation-delay:1.3s;top:16%;left:48%}.auth-node-three{animation-delay:2.1s;bottom:20%;left:34%}.auth-node-four{animation-delay:3s;top:54%;right:12%}.auth-flow{transform-origin:0;background:linear-gradient(90deg,#0000,#229bda73,#0000);height:1px;animation:7s ease-in-out infinite auth-flow;position:absolute}.auth-flow-one{width:38%;top:23%;left:12%;transform:rotate(-5deg)}.auth-flow-two{width:52%;animation-delay:1.5s;top:66%;left:34%;transform:rotate(-21deg)}.auth-flow-three{width:26%;animation-delay:2.4s;top:55%;right:10%;transform:rotate(24deg)}.auth-copy,.auth-panel{z-index:1;position:relative}.auth-copy{max-width:740px}.auth-brand-badge{color:#071a3d;background:#ffffffa8;border:1px solid #071a3d1f;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.auth-copy h1{max-width:760px;margin:24px 0 18px;font-size:clamp(42px,6vw,78px);line-height:.96}.auth-copy p{color:#07111fad;max-width:620px;margin:0;font-size:clamp(17px,2vw,21px);line-height:1.55}.auth-system-card{background:#ffffffb8;border:1px solid #071a3d1a;border-radius:8px;gap:0;max-width:620px;margin-top:34px;display:grid;overflow:hidden;box-shadow:0 24px 80px #071a3d1a}.auth-system-card div{grid-template-columns:116px minmax(0,1fr);gap:4px;padding:16px 18px;display:grid}.auth-system-card div+div{border-top:1px solid #071a3d14}.auth-system-card span{color:#07111f8a;text-transform:uppercase;font-size:12px;font-weight:900}.auth-system-card strong{color:#071a3d;font-size:14px}.auth-panel{justify-self:end;width:min(100%,480px)}.auth-panel .cl-rootBox,.auth-panel .cl-cardBox{width:100%}@keyframes auth-flow{0%,to{opacity:.24}50%{opacity:.8}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.auth-flow,.auth-node{animation:none}}@media (max-width:960px){.auth-scene{grid-template-columns:1fr;padding:28px}.auth-copy h1{font-size:clamp(38px,10vw,58px)}.auth-panel{justify-self:stretch;margin:0 auto}}@media (max-width:640px){.auth-scene{padding:18px}.auth-system-card div{grid-template-columns:1fr}}