.password-container,body{position:relative;display:flex}.text-center,h1{text-align:center}body{min-height:100vh;margin:0;font-family:'Segoe UI',Roboto,Arial,sans-serif;background:#7f7fd5;background:-webkit-linear-gradient(to right,#91eae4,#86a8e7,#7f7fd5);background:linear-gradient(to right,#91eae4,#86a8e7,#7f7fd5);align-items:center;justify-content:center;overflow-x:hidden}.form-container{position:relative;z-index:1;margin:48px 0;max-width:400px;width:100%;padding:40px 32px 32px;background:rgba(255,255,255,.85);border-radius:24px;box-shadow:0 12px 36px 0 rgba(127,127,213,.12),0 1.5px 7px 0 rgba(100,100,200,.09);backdrop-filter:blur(2.5px);transition:box-shadow .25s,background .18s;animation:1s cubic-bezier(.77,0,.18,1.01) fadeInUp}@media (max-width:600px){.form-container{margin:16px 2vw;padding:20px 4vw;max-width:98vw}}@keyframes fadeInUp{from{transform:translateY(40px) scale(.98);opacity:0}to{transform:none;opacity:1}}h1{margin:0 0 26px;font-size:2.1rem;color:#7f7fd5;font-weight:900;letter-spacing:1px;text-shadow:0 2px 12px #91eae483;transition:color .18s}.form-group{margin-bottom:22px;position:relative}.form-group label{font-size:1rem;color:#7f7fd5;margin-bottom:7px;display:block;font-weight:600;letter-spacing:.3px}.form-group input{width:100%;padding:13px 15px;border:2px solid #86a8e7;border-radius:8px;box-sizing:border-box;font-size:1.08rem;background:rgba(255,255,255,.98);outline:0;transition:border .18s,background .18s,box-shadow .18s;color:#233050;font-weight:500;box-shadow:0 0 0 0 #7f7fd5}.form-group input:focus{border:2px solid #7f7fd5;background:#f7faff;box-shadow:0 0 0 2.5px #7f7FD540;animation:.45s inputPulse}.password-container{align-items:center}.password-container input{flex:1;padding-right:42px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:20px;cursor:pointer;border:none;background:0 0;color:#86a8e7;transition:color .2s;z-index:2}.password-toggle:hover,.text-center{color:#7f7fd5}.form-group #submit{width:100%;background:linear-gradient(90deg,#91eae4 0,#7f7fd5 100%);color:#fff;border:none;padding:13px 0;border-radius:10px;font-size:1.09rem;font-weight:700;cursor:pointer;box-shadow:0 2px 16px 0 rgba(127,127,213,.13);transition:background .18s,box-shadow .18s,transform .12s;margin-top:14px;letter-spacing:.5px}.form-group #submit:disabled{background:#b1c6f3;color:#e5e5e5;cursor:not-allowed;box-shadow:none}.form-group #submit:hover:not(:disabled){background:linear-gradient(90deg,#7f7fd5 0,#91eae4 100%);box-shadow:0 2px 20px 0 rgba(127,127,213,.21);transform:translateY(-2px) scale(1.017)}.text-center{margin-top:21px;font-size:1rem;letter-spacing:.2px}.text-center a{color:#7f7fd5;text-decoration:none;font-weight:700;transition:color .16s}.text-center a:hover{color:#233050;text-decoration:underline}#confirm-password-error,#email-message,#username-error,#username-message{color:#e43c5a;font-size:.97rem;margin-top:7px;min-height:20px;display:block;font-weight:600;letter-spacing:.05px;transition:color .18s}@keyframes inputPulse{0%{box-shadow:0 0 0 0 #7f7FD540}70%{box-shadow:0 0 0 6px #91eAE480}100%{box-shadow:0 0 0 2.5px #7f7FD540}}