@layer components{.register-page-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem;background:transparent}@media (min-width:768px){.register-page-container{padding-top:2rem;justify-content:center}}.register-home-container{position:absolute;top:1rem;left:1rem;z-index:20;background:transparent}@media (min-width:768px){.register-home-container{top:2rem;left:3rem}}.register-home-link{display:flex;align-items:center;font-size:1rem;gap:.5rem;color:var(--color-white-8);text-decoration:none;transition:all .2s ease;padding:.5rem 1rem;border-radius:1.25rem}.register-home-link:focus,.register-home-link:hover{color:white;box-shadow:inset 0 0 4px 0 var(--color-primary-70),0 0 12px 0 var(--color-primary-70)}.register-container{width:100%;max-width:28rem;gap:.5rem;background:none;position:relative;margin-top:2rem}.register-container,.register-header-container{display:flex;flex-direction:column;align-items:center}.register-header-container{margin-bottom:1rem}.register-logo{margin-top:.5rem;margin-bottom:.5rem;border:1px solid var(--color-white-2);border-radius:1.25rem;justify-self:center;padding:.5rem;background-color:var(--color-black-3);backdrop-filter:blur(10px)}.register-main-title{font-size:1.5rem;font-weight:700;color:white;margin:0;text-align:center}.register-signin-text{font-size:.7rem;color:var(--color-white-7);text-align:center}.register-signin-link{color:rgb(22,255,228,.7);text-decoration:none;font-weight:500;transition:color .2s ease}.register-signin-link:hover{text-decoration:underline}.register-error{padding:.75rem;font-size:.875rem;color:rgb(252,165,165);background-color:var(--color-error-2);border-radius:.5rem;border:1px solid var(--color-error-3)}.register-form{align-items:center;width:100%}.register-form,.register-form-fields{display:flex;flex-direction:column;gap:1rem}.register-form-fields{width:66.666667%}.register-input-group{position:relative;z-index:0;width:100%}.register-input{font-size:1rem;display:block;width:100%;padding:1.25rem 1rem .5rem;height:3rem;border:1px solid var(--color-white-2);border-radius:1rem;box-shadow:0 1px 2px 0 var(--color-black-05);-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:10;background:transparent;backdrop-filter:blur(8px);outline:none;color:var(--color-white-8);transition:all .2s ease}.register-input::-moz-placeholder{color:transparent}.register-input::placeholder{color:transparent}.register-label{position:absolute;left:1rem;top:.75rem;z-index:11;color:var(--color-white-6);background-color:transparent;padding:0 .25rem;font-size:.85rem;transition:all .2s ease;pointer-events:none}.register-label.floating{transform:translateY(-1.5rem) scale(.85);color:rgb(22,255,228)}.register-password-toggle{position:absolute;right:.75rem;align-self:center;transform:translateY(-100%);color:var(--color-white-6);background:none;border:none;cursor:pointer;transition:color .2s ease}.register-password-toggle:hover,.register-password-toggle:hover svg{color:var(--color-white-8)}.register-terms{width:100%;display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem}.register-checkbox{height:1rem;width:1rem;color:rgb(22,255,228);border:1px solid var(--color-white-2);border-radius:.25rem;background-color:rgba(255,255,255,.05);margin-top:.125rem}.register-terms-label{font-size:.75rem;color:var(--color-white-7);line-height:1.4}.register-terms-link{color:rgb(22,255,228,.7);text-decoration:none;transition:color .2s ease}.register-terms-link:hover{text-decoration:underline}.register-field-error{font-size:.75rem;color:rgb(252,165,165);margin-top:.25rem}.register-submit-btn{cursor:pointer;width:66.666667%;color:white;font-weight:600;height:3rem;background:none;border-radius:1.25rem;border:1px solid var(--color-primary-60);transition:all .2s ease;outline:none;font-size:1rem}.register-submit-btn:focus,.register-submit-btn:hover{box-shadow:inset 0 0 4px 0 var(--color-primary-70),0 0 12px 0 var(--color-primary-70)}.register-submit-btn:disabled{opacity:.5;cursor:not-allowed}.register-divider{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem}.register-divider-left{flex:1;max-width:25%;height:1px;background-color:var(--color-white-2)}.register-divider-text{font-size:.875rem;color:var(--color-white-6);white-space:nowrap}.register-divider-right{flex:1;max-width:25%;height:1px;background-color:var(--color-white-2)}@media (max-width:640px){.register-divider-left,.register-divider-right{max-width:33%}}.register-social-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.register-social-btn{cursor:pointer;gap:.5rem;height:3rem;display:flex;align-items:center;justify-content:center;width:66.666667%;border-radius:1.25rem;font-size:.875rem;font-weight:500;transition:all .2s ease;color:var(--color-white-8);border:1px solid var(--color-primary-60);background:none;outline:none;text-decoration:none}.register-social-btn:focus,.register-social-btn:hover{box-shadow:inset 0 0 4px 0 var(--color-primary-70),0 0 12px 0 var(--color-primary-70)}.register-social-btn--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.register-social-btn--disabled:hover{background:transparent;border-color:var(--color-primary-30);transform:none;box-shadow:none}.register-social-icon{height:1.5rem;width:1.5rem;margin-right:.5rem}.register-footer{font-size:.5rem;text-align:center;color:var(--color-white-7)}.register-footer-link{cursor:pointer;font-weight:500;color:rgb(22,255,228,.7);text-decoration:none;transition:color .2s ease}.register-footer-link:hover{text-decoration:underline}.register-input:not(:-moz-placeholder)+.register-label{transform:translateY(-1.5rem) scale(.85);color:rgb(22,255,228);background-color:transparent}.register-input:focus+.register-label,.register-input:not(:placeholder-shown)+.register-label{transform:translateY(-1.5rem) scale(.85);color:rgb(22,255,228);background-color:transparent}@media (prefers-color-scheme:dark){.register-input{border-color:var(--color-gray-75-85-99)}.register-input,.register-label{background-color:transparent}}@media (max-width:640px){.register-page-container{padding-top:3rem}.register-home-container{top:1.5rem;left:.5rem}.register-container{max-width:24rem;margin:1rem .5rem .5rem;gap:.75rem;background:none;padding:0}.register-logo{margin-top:.25rem;margin-bottom:.25rem;padding:.25rem}.register-main-title{font-size:1.25rem;margin-bottom:.25rem}.register-signin-text{font-size:.75rem;margin-bottom:.25rem}.register-form-fields,.register-social-btn,.register-submit-btn{width:80%}.register-terms{gap:.75rem}}}