:root{--primary-blue: #b9dff9;--secodary-blue: #4cc9fe;--primary-red: #ff748b;--secodary-red: #f72c5b}.input-container.svelte-1q0nfxt{position:relative;border:1px solid #d1d5db;border-radius:.5rem;display:flex;flex-direction:column;padding:8px;overflow:hidden}.input-container.filled.svelte-1q0nfxt{border:2px solid var(--primary-blue)}.input-container.svelte-1q0nfxt:focus-within{border:2px solid var(--primary-blue)}.input-container.locked.svelte-1q0nfxt{border:2px solid var(--primary-red)}.input-box.svelte-1q0nfxt{position:relative;width:3rem;height:3rem;text-align:center;outline:none;transition:all .3s ease;background:none;opacity:1}@keyframes svelte-1q0nfxt-slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.input-box.slide-in.svelte-1q0nfxt{animation:svelte-1q0nfxt-slideInFromTop .8s ease}.input-box.svelte-1q0nfxt:focus+.underline:where(.svelte-1q0nfxt){border-bottom:2px solid var(--primary-blue)}.underline.svelte-1q0nfxt{width:100%;height:2px;background-color:var(--primary-blue);transform:translateY(20px);transition:transform .4s ease-in-out;opacity:0}.input-box.svelte-1q0nfxt:focus+.underline:where(.svelte-1q0nfxt){transform:translateY(0);opacity:1}:root{--default-color: #b9dff9;--default-color-secodary: #4cc9fe;--locked-color: #ff748b;--locked-color-secodary: #f72c5b;--unlocked-color: #e4f1ac;--unlocked-color-secodary: #a7d477}.lock-container.svelte-szbltj{width:100px;height:100px;display:flex;justify-content:center;align-items:center;background-color:var(--default-color);border-radius:100px;margin:20px auto;padding:10px;transition:background-color .3s ease-in-out}.lock-container.unlocked.svelte-szbltj{background-color:var(--unlocked-color)}.lock-container.locked.svelte-szbltj{background-color:var(--locked-color)}.lock-container.unlocked.svelte-szbltj,.lock-container.locked.svelte-szbltj{animation:svelte-szbltj-scale 1s}@keyframes svelte-szbltj-scale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.lock.svelte-szbltj{width:30px;height:30px;border:3px solid var(--default-color-secodary);border-radius:100px;position:relative;cursor:pointer;transition:all .4s ease-in-out;margin-top:6px}.lock.svelte-szbltj:after{content:"";display:block;background:var(--default-color-secodary);width:3px;height:7px;position:absolute;top:50%;left:50%;margin:-3.5px 0 0 -2px;transition:all .4s ease-in-out}.lock.svelte-szbltj:before{content:"";display:block;width:16px;height:14px;bottom:100%;position:absolute;left:50%;margin-left:-8px;border:3px solid var(--default-color-secodary);border-top-right-radius:50%;border-top-left-radius:50%;border-bottom:0}.lock.unlocked.svelte-szbltj:before{left:100%;transform:rotateY(180deg);transition:all .4s ease-in-out}.lock.unlocked.svelte-szbltj,.lock.unlocked.svelte-szbltj:before{border-color:var(--unlocked-color-secodary)}.lock.unlocked.svelte-szbltj:after{background:var(--unlocked-color-secodary)}.lock.locked.svelte-szbltj,.lock.locked.svelte-szbltj:before{border-color:var(--locked-color-secodary)}.lock.locked.svelte-szbltj:after{background:var(--locked-color-secodary)}.btn.svelte-k8zpr8{margin-top:1rem;width:100%;padding:.5rem 0;border:none;border-radius:.5rem;color:#fff;font-weight:500;transition:background-color .3s ease,transform .3s ease;cursor:pointer;overflow:hidden;position:relative;background:gray}.btn.default.svelte-k8zpr8{background-color:#9ca3af}.btn.valid.svelte-k8zpr8{background:linear-gradient(to left,#007bff 50%,#9ba2aa 50%);background-size:200% 100%;background-position:right bottom;transition:background-position .8s ease-out,color .8s ease-out;color:#fff}.btn.invalid.svelte-k8zpr8{background-color:#ef4444;animation:svelte-k8zpr8-shake .5s ease-in-out}.btn.svelte-k8zpr8:hover{transform:scale(1.02)}@keyframes svelte-k8zpr8-fill-from-right{0%{background-size:0% 100%;background-position:100% 0}to{background-size:100% 100%;background-position:0 0}}@keyframes svelte-k8zpr8-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}