@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&display=swap";
:root{--auth-bg:#070808;--auth-surface:#121414b8;--auth-border:#ffffff14;--auth-lime:#c3ff00;--auth-lime-glow:#c3ff0040;--auth-lime-dim:#c3ff001f;--auth-ink:#0e0f0f}.auth-container{background:var(--auth-bg);color:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.auth-ambient-glow{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(#c3ff0014 0%,#c3ff0005 40%,#0000 70%);width:800px;height:600px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.auth-ambient-secondary{filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#c3ff000f 0%,#0000 65%);width:500px;height:500px;position:absolute;top:30%;right:-5%}.auth-bottom-mesh{background:linear-gradient(to top, var(--auth-bg) 0%, transparent 100%), radial-gradient(ellipse at bottom center, #c3ff0014 0%, transparent 70%), repeating-linear-gradient(90deg, #c3ff0008 0, #c3ff0008 1px, transparent 1px, transparent 40px), repeating-linear-gradient(0deg, #c3ff0005 0, #c3ff0005 1px, transparent 1px, transparent 40px);pointer-events:none;z-index:0;height:240px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 70%);mask-image:linear-gradient(#0000 0%,#000 70%)}.auth-nav{z-index:20;justify-content:space-between;align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:32px 28px 16px;display:flex;position:relative}.auth-logo{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.auth-logo-badge{background:var(--auth-lime);color:#101111;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:800;transition:transform .2s;display:flex;box-shadow:0 0 24px #c3ff0059}.auth-logo:hover .auth-logo-badge{transform:scale(1.04)}.auth-logo-text{letter-spacing:-.04em;font-size:22px;font-weight:700}.auth-nav-action{color:#ffffff8c;align-items:center;gap:12px;font-size:13px;display:flex}.auth-nav-btn{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.auth-nav-btn:hover{color:var(--auth-lime);background:#ffffff1a;border-color:#c3ff0066}.auth-content{z-index:10;flex:1;width:100%;max-width:1240px;margin:0 auto;padding:20px 28px 60px;position:relative}.auth-hero-headline{letter-spacing:-.05em;color:#fff;margin:0 0 16px;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:700;line-height:1.02}.auth-lime-accent{color:var(--auth-lime);display:inline-block;position:relative}.auth-hero-subtitle{color:#ffffff8c;max-width:440px;margin:0 0 32px;font-size:15px;line-height:1.6}.doodle-text{color:#ffffffb3;letter-spacing:.02em;font-family:Caveat,cursive;font-size:20px;line-height:1.2}.doodle-lime{color:var(--auth-lime)}.auth-card{-webkit-backdrop-filter:blur(28px);background:#0e1010c7;border:1px solid #ffffff17;border-radius:28px;padding:34px 32px;transition:all .3s;position:relative;box-shadow:0 30px 80px #000000bf,0 0 1px 1px #ffffff14,inset 0 1px #ffffff26}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--auth-lime), transparent);opacity:.8;height:1.5px;filter:drop-shadow(0 0 8px var(--auth-lime));border-radius:9999px;position:absolute;top:0;left:20%;right:20%}*{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--auth-lime)}.floating-badge{-webkit-backdrop-filter:blur(24px);background:#121414b8;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:10px;padding:10px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 16px 36px #00000080,inset 0 1px #ffffff1f}.floating-badge--float-1{animation:5s ease-in-out infinite floatGentle}.floating-badge--float-2{animation:6.5s ease-in-out infinite floatGentleAlt}.floating-badge:hover{border-color:#c3ff0059;transform:translateY(-3px)scale(1.02);box-shadow:0 20px 45px #0000008c,0 0 20px #c3ff0033}.floating-badge-icon{width:30px;height:30px;color:var(--auth-lime);background:#c3ff0024;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.floating-badge-label{color:#fff;letter-spacing:-.01em;font-size:13px;font-weight:600}.showcase-window{z-index:5;-webkit-backdrop-filter:blur(32px);background:#0e1011e6;border:1px solid #ffffff1f;border-radius:22px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000d9,0 0 1px 1px #c3ff0038,inset 0 1px #ffffff26}.showcase-window:before{content:"";background:linear-gradient(90deg, transparent, var(--auth-lime), transparent);opacity:.9;height:1.5px;filter:drop-shadow(0 0 8px var(--auth-lime));position:absolute;top:0;left:15%;right:15%}.showcase-titlebar{background:#ffffff08;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.showcase-dots{gap:6px;display:flex}.showcase-dot{border-radius:50%;width:10px;height:10px}.showcase-tab-group{background:#0006;border:1px solid #ffffff0f;border-radius:9999px;gap:4px;padding:3px;display:flex}.showcase-tab{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .18s;display:flex}.showcase-tab:hover{color:#fff}.showcase-tab--active{color:var(--auth-lime);background:#ffffff1f;box-shadow:0 2px 8px #0000004d}.showcase-code-capsule{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffb3;background:#0a0c0dd9;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:10px 14px;font-family:monospace;font-size:11.5px;display:flex;box-shadow:0 10px 25px #0006}.showcase-copy-btn{color:var(--auth-lime);cursor:pointer;background:#c3ff001a;border:1px solid #c3ff0033;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.showcase-copy-btn:hover{background:var(--auth-lime);color:#101111}@keyframes floatGentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes floatGentleAlt{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes orbPulse{0%,to{opacity:.14;transform:scale(1)}50%{opacity:.22;transform:scale(1.08)}}.auth-field-group{margin-bottom:20px}.auth-field-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.auth-label{color:#ffffffb3;letter-spacing:-.01em;font-size:12px;font-weight:600}.auth-forgot-link{color:#fff6;font-size:11.5px;text-decoration:none;transition:color .15s}.auth-forgot-link:hover{color:var(--auth-lime)}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#ffffff4d;pointer-events:none;transition:color .15s;position:absolute;left:16px}.auth-input{color:#fff;background:#181a1ad9;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:13px 44px;font-size:13.5px;transition:all .2s}.auth-input:focus{background:#1e2020f2;border-color:#c3ff0099;box-shadow:0 0 0 3px #c3ff001f}.auth-input:focus+.auth-input-icon,.auth-input-wrapper:focus-within .auth-input-icon{color:var(--auth-lime)}.auth-input-eye{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:14px}.auth-input-eye:hover{color:#fff}.auth-submit-btn{background:var(--auth-lime);color:#101111;cursor:pointer;border:none;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:4px 6px 4px 20px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 30px #c3ff0047,inset 0 -2px #00000026}.auth-submit-btn:hover:not(:disabled){background:#cfff1a;transform:translateY(-1px);box-shadow:0 14px 40px #c3ff0066,inset 0 -2px #00000026}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn--loading{pointer-events:none;animation:1.3s linear infinite buttonShimmer;cursor:wait!important;background:linear-gradient(90deg,#a4df00 0%,#c3ff00 30%,#f5ffbf 50%,#c3ff00 70%,#a4df00 100%) 0 0/250% 100%!important}.auth-submit-btn--success{animation:.55s cubic-bezier(.175,.885,.32,1.275) both successBounce;color:#050801!important;background:linear-gradient(135deg,#c3ff00 0%,#a6f600 100%)!important;box-shadow:0 0 40px #c3ff00bf,0 0 80px #c3ff0066,inset 0 1px #fff9!important}.auth-submit-btn--error{animation:.6s cubic-bezier(.36,.07,.19,.97) both failureShake;color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 0 35px #ef4444bf,0 0 75px #ef444466,inset 0 1px #ffffff4d!important}.auth-submit-circle{width:38px;height:38px;color:var(--auth-lime);background:#101111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.auth-submit-btn:hover:not(:disabled) .auth-submit-circle{transform:translate(2px)scale(1.04)}.auth-submit-circle--success{animation:.45s cubic-bezier(.34,1.56,.64,1) both iconPopIn;box-shadow:0 0 20px #c3ff00cc;color:#c3ff00!important;background:#000!important}.auth-submit-circle--error{animation:.45s cubic-bezier(.34,1.56,.64,1) both iconPopIn;box-shadow:0 0 20px #ef4444b3;color:#fee2e2!important;background:#450a0a!important}.auth-submit-spinner{border:2.5px solid #101111;border-color:#101111 #101111 #10111140 #10111140;border-radius:50%;width:19px;height:19px;animation:.65s cubic-bezier(.5,.1,.5,.9) infinite spinnerRotate}.auth-submit-label{align-items:center;gap:8px;padding-left:8px;animation:.26s cubic-bezier(.16,1,.3,1) both labelFadeIn;display:inline-flex}@keyframes buttonShimmer{0%{background-position:-250% 0}to{background-position:250% 0}}@keyframes successBounce{0%{transform:scale(.96)}50%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes failureShake{0%,to{transform:translate(0)scale(1)}12%{transform:translate(-10px)rotate(-1.5deg)scale(.99)}24%{transform:translate(9px)rotate(1.2deg)scale(.99)}36%{transform:translate(-7px)rotate(-.8deg)}50%{transform:translate(6px)rotate(.6deg)}65%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPopIn{0%{opacity:0;transform:scale(0)rotate(-45deg)}70%{opacity:1;transform:scale(1.25)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.auth-divider{align-items:center;gap:14px;margin:24px 0 18px;display:flex}.auth-divider-line{background:#ffffff14;flex:1;height:1px}.auth-divider-text{text-transform:uppercase;letter-spacing:.14em;color:#ffffff59;font-size:10.5px;font-weight:600}.auth-social-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.auth-social-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;justify-content:center;align-items:center;padding:12px;transition:all .18s;display:flex}.auth-social-btn:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-2px)}.auth-steps-row{align-items:center;gap:8px;display:flex}.auth-step-item{flex-direction:column;align-items:center;gap:6px;display:flex}.auth-step-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.auth-step-dot--active{background:var(--auth-lime);box-shadow:0 0 10px var(--auth-lime)}.auth-step-line{background:#ffffff26;width:32px;height:1px;margin-bottom:18px}.auth-step-label{color:#fff6;font-size:11px;font-weight:500}.auth-step-label--active{color:#fff;font-weight:600}@keyframes orbitGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-floating-cube{animation:5s ease-in-out infinite floatGentle}.auth-orbit-ring{transform-origin:50%;animation:22s linear infinite orbitGlow}@keyframes authHapticShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes inlineSlideDown{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 16px 2px #ef444440}}.auth-shake{animation:.38s cubic-bezier(.36,.07,.19,.97) both authHapticShake}.auth-validation-pill{color:#fca5a5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ef444414;border:1px solid #ef444447;border-radius:9999px;align-items:center;gap:8px;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:500;animation:.24s cubic-bezier(.16,1,.3,1) both inlineSlideDown;display:inline-flex}.auth-validation-pill--hint{color:#dfff66;background:#c3ff0012;border-color:#c3ff0040}.auth-validation-pill--warn{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b47}.auth-input--error{animation:1.8s infinite pulseGlow;background:#231212e6!important;border-color:#ef444480!important}.auth-input--valid{border-color:#c3ff0073!important}.auth-feature-card{-webkit-backdrop-filter:blur(28px);background:#121414b8;border:1px solid #ffffff1a;border-radius:24px;padding:28px 24px;transition:all .3s;position:relative;box-shadow:0 24px 60px #0009,inset 0 1px #ffffff1f}.auth-feature-card:hover{border-color:#c3ff004d;transform:translateY(-4px);box-shadow:0 30px 70px #000000b3,0 0 25px #c3ff001a}.auth-feature-item{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:12px 0;display:flex}.auth-feature-item:last-child{border-bottom:none;padding-bottom:4px}.auth-feature-icon{width:36px;height:36px;color:var(--auth-lime);background:#c3ff001a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-feature-label{color:#ffffffe6;font-size:13.5px;font-weight:600}.auth-grid-layout{grid-template-columns:minmax(0,1.1fr) minmax(380px,460px);align-items:center;gap:60px;min-height:calc(100vh - 160px);display:grid}@media (max-width:1024px){.auth-desktop-decorations{display:none!important}.auth-grid-layout{max-width:500px;margin:0 auto;grid-template-columns:1fr!important;gap:36px!important}.auth-hero-headline{font-size:2.6rem!important}}@media (max-width:640px){.auth-nav{padding:20px 16px 12px!important}.auth-content{padding:8px 16px 40px!important}.auth-card{border-radius:22px!important;padding:24px 18px!important}.auth-hero-headline{font-size:2.15rem!important}.auth-hero-subtitle{margin-bottom:24px!important;font-size:13.5px!important}.auth-social-row{gap:8px!important}.auth-social-btn{padding:10px!important}}