@font-face{font-family:Degular;src:url(/fonts/fonnts.com-DegularDemo-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Degular;src:url(/fonts/fonnts.com-DegularDemo-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Degular;src:url(/fonts/fonnts.com-DegularDemo-Semibold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Degular;src:url(/fonts/fonnts.com-DegularDemo-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Degular;src:url(/fonts/fonnts.com-DegularDemo-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--theme-bg: #f6f8f7;--theme-bg-card: #ffffff;--theme-bg-muted: #f0f4f2;--theme-border: #dbe6e0;--theme-border-hover: #c5d4cc;--theme-text: #111814;--theme-text-secondary: #618975;--theme-text-muted: #8fa99b;--color-primary: #13ec80;--color-primary-dark: #0ad571;--color-error: #dc2626;--auth-input-bg: #f0f4f2}.dark{--theme-bg: #0a0f0c;--theme-bg-card: #131a16;--theme-bg-muted: #1a231e;--theme-border: #2a3830;--theme-border-hover: #3a4840;--theme-text: #f0f5f2;--theme-text-secondary: #8fa99b;--theme-text-muted: #618975;--auth-input-bg: #1a231e}::selection{background-color:var(--color-primary);color:#0a0f0c}.auth-light-panel{--theme-bg: #f8faf9;--theme-bg-card: #ffffff;--theme-bg-muted: #f0f4f2;--theme-border: #e2e8e5;--theme-border-hover: #c5d4cc;--theme-text: #111814;--theme-text-secondary: #618975;--theme-text-muted: #9bb0a5;--auth-input-bg: #f2f5f3}.auth-field{position:relative}.auth-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9bb0a5;pointer-events:none;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.auth-label{display:block;font-size:13px;font-weight:500;color:var(--theme-text-secondary);letter-spacing:.01em}.auth-label-error{color:var(--color-error)}.auth-field-error{font-size:12px;color:var(--color-error);margin-top:4px;animation:auth-flip-in .5s cubic-bezier(.4,0,.2,1) both;transform-origin:top center}.auth-strength{display:flex;align-items:center;gap:8px;margin-top:8px}.auth-strength-bars{display:flex;gap:4px;flex:1}.auth-strength-seg{height:3px;flex:1;border-radius:2px;background:var(--theme-border);transition:background-color .25s ease}.auth-strength-label{font-size:11px;font-weight:500;transition:color .25s ease}@keyframes auth-flip-in{0%{opacity:0;transform:perspective(400px) rotateX(-20deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}input.auth-input,input.auth-input[type=text],input.auth-input[type=email],input.auth-input[type=password]{width:100%;height:3rem;padding:0 .875rem;border-radius:.75rem;background-color:var(--auth-input-bg);color:var(--theme-text);border:1px solid var(--theme-border);transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-size:.875rem;line-height:1.5;font-family:inherit}input.auth-input.auth-input-with-icon{padding-left:2.625rem}input.auth-input::placeholder{color:var(--theme-text-muted);opacity:.7}input.auth-input:hover{border-color:var(--theme-border-hover)}input.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #13ec801a;outline:none}input.auth-input:disabled{opacity:.5;cursor:not-allowed}input.auth-input.auth-input-error{border-color:var(--color-error)}input.auth-input.auth-input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc262614}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:2.875rem;padding:0 1.5rem;border-radius:9999px;font-family:Degular,Inter,sans-serif;font-weight:600;font-size:.9375rem;letter-spacing:-.01em;border:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease;outline:none;background-color:#111814;color:#fff}.auth-btn:hover{background-color:#1a231e;transform:translateY(-1px)}.auth-btn:active{transform:translateY(0)}.auth-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-link{color:var(--color-primary);font-weight:500;transition:color .15s ease}.auth-link:hover{color:var(--color-primary-dark)}.auth-link-muted{color:var(--color-primary);transition:color .15s ease}.auth-link-muted:hover{color:var(--color-primary-dark)}.auth-icon-btn{color:#9bb0a5;transition:color .15s ease}.auth-icon-btn:hover{color:#618975}.auth-theme-toggle{color:#9bb0a5;border:1px solid #e2e8e5;background-color:transparent;transition:border-color .15s ease,color .15s ease}.auth-theme-toggle:hover{border-color:#c5d4cc;color:#618975}.auth-divider{display:flex;align-items:center;gap:12px;color:#9bb0a5;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#e2e8e5}.auth-grid-pattern{background-image:radial-gradient(circle,rgba(19,236,128,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}@keyframes auth-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-auth-fade-up{animation:auth-fade-up .45s ease both}.animate-auth-fade-up-d1{animation:auth-fade-up .45s ease .08s both}.animate-auth-fade-up-d2{animation:auth-fade-up .45s ease .16s both}.animate-auth-fade-up-d3{animation:auth-fade-up .45s ease .24s both}.animate-auth-fade-up-d4{animation:auth-fade-up .45s ease .32s both}.animate-auth-fade-up-d5{animation:auth-fade-up .45s ease .4s both}.animate-auth-fade-up-d6{animation:auth-fade-up .45s ease .48s both}@keyframes float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-b{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes orb-drift{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}.showcase-icon{width:68px;height:68px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.08);animation:float-a 4s ease-in-out infinite;flex-shrink:0}.showcase-connector{height:1px;flex:1;background:#ffffff0f;min-width:48px}.showcase-card{background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0;width:320px;animation:float-b 6s ease-in-out infinite;overflow:hidden;flex-shrink:0}.showcase-window-bar{display:flex;align-items:center;gap:6px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.showcase-window-dot{width:8px;height:8px;border-radius:9999px;opacity:.7}.showcase-row{display:flex;align-items:center;gap:14px;padding:16px 20px}.showcase-row+.showcase-row{border-top:1px solid rgba(255,255,255,.05)}.showcase-avatar{width:42px;height:42px;border-radius:9999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;opacity:.8}.showcase-bar{height:10px;border-radius:5px;background:#ffffff14}.showcase-bar-accent{background:#13ec8040}.showcase-dots{position:relative;display:flex;align-items:center;gap:10px}.showcase-dot{width:10px;height:4px;border-radius:2px;background:#ffffff1f;position:relative;z-index:1;transition:width .35s cubic-bezier(.4,0,.2,1)}.showcase-dot-active{width:10px}.showcase-worm{position:absolute;top:0;height:4px;border-radius:2px;background:#13ec8099;z-index:0}.showcase-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease,transform .7s ease;opacity:0;transform:translateY(10px);pointer-events:none}.showcase-slide-active{opacity:1;transform:translateY(0);pointer-events:auto}.showcase-text-area{display:grid;text-align:center}.showcase-text-area>*{grid-row:1;grid-column:1;transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translateY(6px)}.showcase-text-area>.showcase-text-active{opacity:1;transform:translateY(0)}.streak-card{background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 32px;animation:float-b 6s ease-in-out infinite}.streak-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.streak-cell{width:100%;aspect-ratio:1;border-radius:4px;background:#ffffff0f}.streak-cell-1{background:#13ec8026}.streak-cell-2{background:#13ec8047}.streak-cell-3{background:#13ec806b}.streak-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}.podium-wrap{display:flex;align-items:flex-end;justify-content:center;gap:12px;animation:float-b 6s ease-in-out infinite}.podium-col{display:flex;flex-direction:column;align-items:center;gap:10px}.podium-avatar{width:44px;height:44px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;opacity:.85}.podium-bar{border-radius:10px 10px 4px 4px;display:flex;align-items:flex-start;justify-content:center;padding-top:14px;font-size:22px;font-weight:700;color:#ffffff80;font-family:Degular,Inter,sans-serif}.signup-stepper{position:relative;overflow:hidden}.signup-stepper-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.signup-step{min-width:100%;flex-shrink:0}.signup-step-enter{animation:auth-fade-up .35s ease both}.step-dots{display:flex;align-items:center;justify-content:flex-start;gap:8px}.step-dot{height:4px;border-radius:2px;transition:width .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1)}.step-dot-inactive{width:8px;background-color:var(--theme-border)}.step-dot-active{width:24px;background-color:var(--color-primary)}.username-status{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:500;animation:auth-fade-up .25s ease both}.username-status-checking{color:var(--theme-text-muted)}.username-status-available{color:var(--color-primary)}.username-status-unavailable{color:var(--color-error)}.username-prefix{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--theme-text-muted);font-size:14px;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.username-spinner{animation:spin-slow 1s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}