.fox-account.fox-account-auth{background:radial-gradient(at 26% 53%,#22595024,#0000 48%),linear-gradient(135deg,#0d191d,#10171d 65%);flex-direction:column;min-height:100svh;display:flex}.fox-account-auth .fox-account-top{width:100%}.fox-account-auth .fox-account-footer{width:calc(100% - 48px);margin-top:24px}.fox-account-auth .fox-login-layout{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(350px,1fr);align-items:center;gap:clamp(32px,5vw,72px);width:min(1110px,100%);margin:0 auto;padding:24px 32px 36px;display:grid}.fox-account-auth .fox-login-art{align-self:center;min-width:0}.fox-account-auth .fox-login-scene{isolation:isolate;width:113%;margin-left:-7%;position:relative}.fox-account-auth .fox-login-scene>svg{width:100%;height:auto;max-height:clamp(380px,100svh - 172px,590px);display:block}.fox-account-auth .fox-login-island-shadow,.fox-account-auth .fox-login-star{transform-box:fill-box;transform-origin:50%}.fox-account-auth .fox-login-mote{opacity:.5}.fox-account-auth .fox-login-glint,.fox-account-auth .fox-login-trail-mote{opacity:0}.fox-account-auth .fox-login-panel{background:linear-gradient(135deg,#1b292fe8,#17232aed);border:1px solid #3d565a;border-top-color:#6cae9e;border-radius:16px 16px 5px;min-width:0;padding:clamp(25px,3vw,38px);position:relative;box-shadow:0 24px 72px #020c143d}.fox-account-auth .fox-login-panel:before{content:"";background:#7ce3c7;width:54px;height:2px;position:absolute;top:-1px;left:28px;box-shadow:0 0 16px #4fd6b650}.fox-account-auth .fox-login-heading{margin-bottom:28px}.fox-account-auth .fox-login-panel h1{letter-spacing:-1px;margin:0 0 10px;font-family:Fox Display,sans-serif;font-size:clamp(29px,3vw,35px);line-height:1.2}.fox-account-auth .fox-login-heading p{color:#acbac4;margin:0;font-size:13px;line-height:1.7}.fox-account-auth .fox-login-heading a{color:#80e7cd;white-space:nowrap;font-weight:700}.fox-account-auth .fox-login-heading a:hover{text-underline-offset:4px;text-decoration:underline}.fox-account-auth .fox-login-providers{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.fox-account-auth .fox-login-social-heading{color:#adc2c4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-bottom:12px;font-size:12px;display:flex}.fox-account-auth .fox-login-provider-status:not(:empty){color:#9eb8b3;align-items:center;gap:6px;font-size:11px;line-height:1.4;display:inline-flex}.fox-account-auth .fox-login-provider-status:not(:empty):before{content:"";background:#8ebdaf;border-radius:50%;width:4px;height:4px}.fox-account-auth .fox-login-provider-status[data-state=error]{color:#e9c0a6}.fox-account-auth .fox-login-provider{color:#d7e9e7;background:linear-gradient(155deg,#29404880,#12232880);border:1px solid #3b5358;border-radius:10px 10px 4px;flex-direction:column;grid-column:span 2;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:78px;padding:14px 8px 12px;font-size:12px;font-weight:400;line-height:1.2;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 1px #a6e6d609,0 2px 3px #020f1612}.fox-account-auth .fox-login-provider>svg{color:#b2d2cd;flex-shrink:0;width:20px;height:20px}.fox-account-auth a.fox-login-provider:hover{background:linear-gradient(155deg,#31564f,#203839);border-color:#70bba7;box-shadow:inset 0 1px #b2f7e52e,0 0 18px #54d4ae0b}.fox-account-auth .fox-login-provider-secondary{color:#acbfbe;background:#1020264d;border-color:#31494e;border-radius:6px;flex-direction:row;grid-column:span 3;gap:8px;min-height:44px;padding:10px}.fox-account-auth .fox-login-provider-secondary>svg{color:#a1bebb;width:17px;height:17px}.fox-account-auth .fox-login-provider:disabled{opacity:1;cursor:not-allowed}.fox-account-auth .fox-login-provider:has(small){padding-top:20px}.fox-account-auth .fox-login-provider small{color:#9fb4b4;font-size:9px;font-weight:400;line-height:1.2;position:absolute;top:4px;right:7px}.fox-account-auth .fox-login-divider{color:#96b0b1;align-items:center;gap:14px;margin:20px 0;font-size:11px;display:flex}.fox-account-auth .fox-login-divider:before,.fox-account-auth .fox-login-divider:after{content:"";background:#6d969b38;flex:1;height:1px}.fox-account-auth .fox-login-form fieldset{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.fox-account-auth .fox-login-field{gap:8px;min-width:0;font-size:13px;font-weight:700;display:grid}.fox-account-auth .fox-login-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fox-account-auth .fox-login-label a{color:#8fc7c5;text-align:right;padding-block:4px;font-size:12px;font-weight:400}.fox-account-auth .fox-login-label a:hover{color:#b5efe1;text-decoration:underline}.fox-account.fox-account-auth .fox-login-panel .fox-login-field input{background:#101c23;border-color:#42565e;border-radius:7px;min-height:48px;padding:11px 13px;font-size:16px;font-weight:400;box-shadow:inset 0 2px 4px #040d141a}.fox-account.fox-account-auth .fox-login-panel .fox-login-field input:focus-visible{outline-offset:2px;border-color:#82d4c2}.fox-account-auth .fox-login-password{position:relative}.fox-account.fox-account-auth .fox-login-panel .fox-login-password input{padding-right:50px}.fox-account-auth .fox-login-password button{color:#a8bec5;background:0 0;border:0;border-radius:5px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:2px;right:2px}.fox-account-auth .fox-login-password button:hover{color:#dbf5ee;background:#41666230}.fox-account-auth .fox-login-field small{color:#adbdc5;font-size:12px;font-weight:400}.fox-account-auth .fox-login-field .fox-login-caps{color:#f1dba2}.fox-account-auth .fox-login-submit,.fox-account-auth .fox-login-complete>.fox-account-button{color:#0b2928;background:#75e3c0;border-color:#75e3c0;border-radius:7px;min-height:48px;margin-top:4px;font-size:14px;font-weight:700;box-shadow:0 3px #277e6d}.fox-account-auth .fox-login-submit:hover{background:#98f1d3;border-color:#98f1d3}.fox-account-auth .fox-login-form .fox-account-notice{margin:0}.fox-account-auth .fox-login-back,.fox-account-auth .fox-login-recovery{color:#a2c8ca;align-items:center;gap:8px;min-height:44px;margin-top:18px;font-size:13px;display:inline-flex}.fox-account-auth .fox-login-recovery{color:#e4f6ef;margin-top:8px}.fox-account-auth .fox-login-provider-error{color:#c4c9bb;align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.fox-account-auth .fox-login-provider-error button{color:#8ceace;background:0 0;border:0;min-height:44px;padding:8px 0;text-decoration:underline}.fox-account-auth .fox-login-complete p{color:#becdcf;margin:14px 0 26px;line-height:1.8}.fox-account-auth .fox-login-complete>.fox-account-button{width:100%}.fox-account-auth .fox-login-success-mark{color:#8ce7c4;background:#2d786240;border:1px solid #69caab;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:24px;display:grid}@media (prefers-reduced-motion:no-preference) and (min-width:801px){.fox-account-auth .fox-login-island{animation:8s ease-in-out infinite login-island-float}.fox-account-auth .fox-login-island-shadow{animation:8s ease-in-out infinite login-island-shadow}.fox-account-auth .fox-login-aura{animation:10s ease-in-out infinite login-aura}.fox-account-auth .fox-login-mist{animation:14s ease-in-out infinite alternate login-mist}.fox-account-auth .fox-login-vein,.fox-account-auth .fox-login-crystal-light{animation:7s ease-in-out infinite login-crystal-light}.fox-account-auth .fox-login-crystal-light-right{animation-delay:-3s}.fox-account-auth .fox-login-mote{animation:9s ease-in-out infinite login-mote}.fox-account-auth .fox-login-mote-late{animation-duration:11s;animation-delay:-4s}.fox-account-auth .fox-login-mote-slow{animation-duration:13s;animation-delay:-7s}.fox-account-auth .fox-login-star{animation:8s ease-in-out infinite login-star}.fox-account-auth .fox-login-star-late{animation-delay:-5s}.fox-account-auth .fox-login-glint{stroke-dasharray:18 120;animation:10s ease-in-out infinite login-crystal-glint}.fox-account-auth .fox-login-glint-right{animation-delay:-6s}.fox-account-auth .fox-login-trail-mote{stroke-dasharray:.3 220;animation:14s linear infinite login-trail-mote}@keyframes login-island-float{0%,to{transform:translateY(2px)}50%{transform:translateY(-4px)}}@keyframes login-island-shadow{0%,to{opacity:.28;transform:scaleX(1)}50%{opacity:.18;transform:scaleX(.94)}}@keyframes login-aura{0%,to{opacity:.72}50%{opacity:1}}@keyframes login-mist{0%{opacity:.5;transform:translate(-8px)}to{opacity:.9;transform:translate(8px)}}@keyframes login-crystal-light{0%,to{opacity:.4}50%{opacity:.85}}@keyframes login-mote{0%,to{opacity:0;transform:translateY(5px)}25%{opacity:.6}65%{opacity:.45}90%{opacity:0;transform:translate(5px,-16px)}}@keyframes login-star{0%,65%,to{opacity:.15;transform:scale(.8)}80%{opacity:.7;transform:scale(1)}}@keyframes login-crystal-glint{0%,68%{opacity:0;stroke-dashoffset:24px}76%{opacity:.75}87%,to{opacity:0;stroke-dashoffset:-112px}}@keyframes login-trail-mote{0%{opacity:0;stroke-dashoffset:0}12%,75%{opacity:.65}90%,to{opacity:0;stroke-dashoffset:-200px}}}@media (max-width:800px){.fox-account-auth .fox-login-layout{grid-template-columns:minmax(0,1fr);align-content:center;max-width:500px;padding:22px 20px 30px}.fox-account-auth .fox-login-art{display:none}.fox-account-auth .fox-login-panel{padding:28px}}@media (max-width:400px){.fox-account-auth .fox-login-layout{padding-inline:14px;padding-top:12px}.fox-account-auth .fox-login-panel{padding:25px 20px}.fox-account-auth .fox-login-provider{gap:8px;padding-inline:5px;font-size:11px}.fox-account-auth .fox-login-panel h1{font-size:28px}}
