.auth-form-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at top right,#1f2937,#111827);padding:20px}.auth-card{background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:48px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.auth-header{text-align:center;margin-bottom:40px}.auth-header h1{color:#fff;font-size:32px;font-weight:800;margin-bottom:12px;letter-spacing:-.025em}.auth-header p{color:#94a3b8;font-size:16px}.auth-form{gap:24px}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:8px}.auth-form .form-group label{color:#e2e8f0;font-size:14px;font-weight:500;margin-left:4px}.auth-form .form-group input{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;transition:all .2s ease}.auth-form .form-group input::placeholder{color:#4b5563}.auth-form .form-group input:focus{outline:none;border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 4px hsla(0,0%,100%,.05)}.auth-form .form-group .username-input-wrapper{position:relative;display:flex;align-items:center}.auth-form .form-group .username-input-wrapper input{width:100%;padding-right:45px}.auth-form .form-group .username-input-wrapper .username-badge{position:absolute;right:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.auth-form .form-group .username-input-wrapper .username-badge.checking{background:hsla(0,0%,100%,.1);color:#fff}.auth-form .form-group .username-input-wrapper .username-badge.available{background:#10b981;color:#fff}.auth-form .form-group .username-input-wrapper .username-badge.taken{background:#ef4444;color:#fff}.auth-form .form-group .input-hint{font-size:11px;margin-top:4px;margin-left:4px;font-weight:600}.auth-form .form-group .input-hint.success{color:#10b981}.auth-form .form-group .input-hint.error{color:#f87171}.auth-message{padding:12px 16px;border-radius:12px;font-size:14px;text-align:center;border:1px solid rgba(0,0,0,0)}.auth-message.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#f87171}.auth-message.success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#34d399}.auth-submit-btn{background:#fff;color:#111827;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:8px;display:flex;align-items:center;justify-content:center}.auth-submit-btn:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.2)}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:32px;text-align:center}.auth-footer .toggle-auth-btn{background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;transition:color .2s ease}.auth-footer .toggle-auth-btn:hover{color:#fff}.loader{width:20px;height:20px;border:2px solid #111827;border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:480px){.auth-card{padding:32px 24px;background:rgba(0,0,0,0);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none}.auth-form-container{background:#111827}}