.auth-shell{--ink:#1A1410;--butter:#FFF8EA;--orange:#D97706;--mint:#51CF66;--sunny:#FFD43B;--bubble:#FF8FAB;--sky:#4DABF7;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--butter);color:var(--ink)}.auth-shell ::-moz-selection{background:var(--orange);color:#FFF}.auth-shell ::selection{background:var(--orange);color:#FFF}.auth-shell .display{font-family:Bricolage Grotesque,system-ui,sans-serif;font-variation-settings:"wdth" 100,"opsz" 96;letter-spacing:-.045em;line-height:.95;font-weight:700}.auth-shell .hand{font-family:Caveat,cursive;font-weight:500}.auth-shell .chunk{border:2.5px solid var(--ink);border-radius:1.5rem;background:var(--butter);box-shadow:5px 5px 0 0 var(--ink);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.34,1.56,.64,1)}.auth-shell .chunk-hover:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 0 var(--ink)}.auth-shell .squishy{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2.5px solid var(--ink);border-radius:9999px;font-weight:700;letter-spacing:-.01em;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px 0 0 var(--ink);cursor:pointer}.auth-shell .squishy:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 0 var(--ink)}.auth-shell .squishy:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 0 var(--ink)}.auth-shell .squishy:disabled{opacity:.6;cursor:not-allowed}.auth-shell .chunk-input{border:2.5px solid var(--ink);border-radius:1rem;background:var(--butter);padding-block:.875rem;font-size:.95rem;font-weight:500;color:var(--ink);transition:box-shadow .15s,transform .15s;width:100%;box-shadow:3px 3px 0 0 var(--ink)}.auth-shell .chunk-input::-moz-placeholder{color:rgba(26,20,16,.35)}.auth-shell .chunk-input::placeholder{color:rgba(26,20,16,.35)}.auth-shell .chunk-input:focus{outline:none;box-shadow:4px 4px 0 0 var(--orange);border-color:var(--orange)}.auth-shell .chunk-input[aria-invalid=true]{border-color:var(--bubble);box-shadow:3px 3px 0 0 var(--bubble)}.auth-shell input:-webkit-autofill,.auth-shell input:-webkit-autofill:active,.auth-shell input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--butter) inset,3px 3px 0 0 var(--ink);-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.auth-shell input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--butter) inset,4px 4px 0 0 var(--orange)}.auth-shell input[aria-invalid=true]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--butter) inset,3px 3px 0 0 var(--bubble)}.auth-shell .sticker{display:inline-flex;align-items:center;gap:.4rem;border:2.5px solid var(--ink);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;box-shadow:3px 3px 0 0 var(--ink)}.auth-shell .dot-grid{background-image:radial-gradient(circle,rgba(26,20,16,.08) 1.2px,transparent 0);background-size:24px 24px}.auth-shell .tilt-1,.auth-shell .tilt-2,.auth-shell .tilt-3,.auth-shell .tilt-4{transform:rotate(0deg)}@media (min-width:768px){.auth-shell .tilt-1{transform:rotate(-1deg)}.auth-shell .tilt-2{transform:rotate(-2deg)}.auth-shell .tilt-3{transform:rotate(2deg)}.auth-shell .tilt-4{transform:rotate(3deg)}}@keyframes auth-marquee{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes auth-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.auth-shell .shake{animation:auth-shake .5s ease-in-out}