@import "/demos/halo-auth/fonts/gf-22dade906a.css";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#08080a;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:#08080a;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}:root{--neon-lime:#ffd600;--neon-lime-bright:#fff04d;--neon-lime-glow:#ffd6007a;--glass-bg:#14141a85;--glass-border:#ffffff2e;--text-white:#fff;--text-dim:#ffffffa6;--text-muted:#ffffff6b;--circuit-orange:#ff8c00;--circuit-gold:#fa0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#08080a url(/demos/halo-auth/image.png) 50%/cover no-repeat;justify-content:center;align-items:center;width:100vw;height:100dvh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0000000d 0%,#0009 100%);position:fixed;inset:0}#root{z-index:2;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.login-stage{flex-shrink:0;justify-content:center;align-items:center;width:580px;max-width:96vw;height:540px;margin:auto;display:flex;position:relative}.chip-container{pointer-events:none;z-index:4;filter:drop-shadow(0 16px 32px #000000bf);will-change:transform;width:88px;height:88px;transition:filter .3s;position:absolute}.chip-tl{top:-2px;left:-2px}.chip-br{bottom:-2px;right:-2px}.chip-inner-floater{width:100%;height:100%;position:relative}.float-tl{animation:6s ease-in-out infinite alternate floatTL}.float-br{animation:6s ease-in-out 1.2s infinite alternate floatBR}.chip-traveling{filter:drop-shadow(0 0 18px #ffd600f2)drop-shadow(0 0 35px #ff8c0080)drop-shadow(0 20px 40px #000000f2)!important}.center-dock-flare{pointer-events:none;z-index:60;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dock-shockwave{border:2.5px solid #ffd600;border-radius:50%;width:100%;height:100%;animation:.42s ease-out forwards shockwavePulse;position:absolute;box-shadow:0 0 24px #ffd600,inset 0 0 16px #ffd600cc}.dock-starburst{filter:blur(3px);background:radial-gradient(circle,#fff 15%,#ffd600 50%,#ff8c0073 75%,#0000 100%);border-radius:50%;width:75px;height:75px;position:absolute}.dock-flash-ray{background:linear-gradient(90deg,#0000,#fff,#ffd600,#0000);width:110px;height:2px;position:absolute;transform:rotate(45deg);box-shadow:0 0 14px #ffd600}.dock-flash-ray-alt{background:linear-gradient(90deg,#0000,#fff,#ffd600,#0000);width:110px;height:2px;position:absolute;transform:rotate(-45deg);box-shadow:0 0 14px #ffd600}.dock-core{background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 0 20px #fff,0 0 35px #ffd600}@keyframes shockwavePulse{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.65)}}@keyframes floatTL{0%{transform:translate(0)}to{transform:translate(-3px,-3px)}}@keyframes floatBR{0%{transform:translate(0)}to{transform:translate(3px,3px)}}.chip-blur-panel{-webkit-backdrop-filter:blur(30px)saturate(180%)brightness(1.05);clip-path:url(#chip-clip);background:linear-gradient(135deg,#ffffff2e 0%,#20202880 50%,#101016a6 100%);position:absolute;inset:0}.chip-svg-border{width:100%;height:100%;position:absolute;inset:0}.glass-card-wrapper{filter:drop-shadow(0 35px 70px #000000d9)drop-shadow(0 15px 30px #00000080)drop-shadow(0 0 35px #ff8c0026);will-change:transform;width:100%;height:540px;transition:filter .4s;position:relative}.glass-card-wrapper:hover{filter:drop-shadow(0 40px 80px #000000e6)drop-shadow(0 15px 35px #0009)drop-shadow(0 0 45px #ffa00040)}.glass-blur-panel{-webkit-backdrop-filter:blur(36px)saturate(185%)brightness(1.04);clip-path:url(#card-clip);z-index:0;position:absolute;inset:0}.glass-surface-overlay{clip-path:url(#card-clip);pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff21 0%,#16161c85 35%,#0a0a0ebf 100%),radial-gradient(at 85% 70%,#e6af4b29 0%,#0000 60%),radial-gradient(at 15% 15%,#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.card-svg-border{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.card-content{z-index:3;box-sizing:border-box;will-change:opacity, filter, transform;flex-direction:column;justify-content:space-between;height:100%;padding:30px 42px 24px;display:flex;position:relative}.card-header{text-align:left;margin-bottom:12px;padding-left:36px}.login-title{letter-spacing:-.8px;margin-bottom:3px;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:700;line-height:1.1}.title-white{color:#fff}.title-lime{color:var(--neon-lime);text-shadow:0 0 28px #ffd60073}.subtitle{color:var(--text-dim);font-size:13px;font-weight:400;line-height:1.4}.login-form{flex-direction:column;gap:11px;display:flex}.input-group{text-align:left;flex-direction:column;gap:6px;display:flex}.input-label{color:#ffffffd9;letter-spacing:.2px;font-size:13px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#fff6;pointer-events:none;transition:color .25s;position:absolute;left:14px}.glass-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;height:43px;padding:0 40px;font-family:inherit;font-size:14px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0000004d}.glass-input::placeholder{color:#ffffff4d}.glass-input:hover{background:#ffffff14;border-color:#ffffff3d}.glass-input:focus{border-color:var(--neon-lime);background:#ffffff1a;box-shadow:0 0 0 3px #ffd60038,inset 0 2px 4px #00000040}.input-wrapper:focus-within .input-icon{color:var(--neon-lime)}.form-row-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.form-row-2col{grid-template-columns:1fr;gap:14px}}.password-toggle-btn{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#fff}.form-options{justify-content:space-between;align-items:center;margin-top:-2px;font-size:13px;display:flex}.checkbox-label{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.checkbox-custom{background:#ffffff12;border:1px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.checkbox-label input[type=checkbox]{display:none}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--neon-lime);border-color:var(--neon-lime);color:#0c0d10}.forgot-link{color:var(--text-dim);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--neon-lime);text-decoration:underline}.submit-btn{background:linear-gradient(180deg, var(--neon-lime-bright) 0%, var(--neon-lime) 100%);color:#0c0d10;letter-spacing:.3px;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:45px;margin-top:1px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #ffd6006b,inset 0 1px 1px #ffffff80}.submit-btn:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 12px 30px #ffd6008c}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.divider{color:#ffffff59;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:12px;margin:1px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.social-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff21;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:38px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background:#ffffff17;border-color:#ffffff40;transform:translateY(-1px)}.signup-prompt{color:var(--text-dim);text-align:center;margin-top:2px;font-size:13px}.signup-link{color:var(--neon-lime);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;margin-left:5px;padding:0;font-family:inherit;text-decoration:none;transition:all .2s}.signup-link:hover{filter:brightness(1.25);text-decoration:underline}@media (width<=620px){.card-content{padding:32px 24px 24px}.chip-container{width:70px;height:70px}.login-title{font-size:28px}}.password-mask{-webkit-text-security:disc!important;text-security:disc!important;font-family:caption,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16161cf2!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16161cf2!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16161cf2!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #16161cf2!important}input::-webkit-credentials-auto-fill-button{visibility:hidden!important;pointer-events:none!important;opacity:0!important;width:0!important;height:0!important;display:none!important;position:absolute!important;right:0!important}input::-webkit-contacts-auto-fill-button{visibility:hidden!important;pointer-events:none!important;opacity:0!important;width:0!important;height:0!important;display:none!important;position:absolute!important;right:0!important}
