*{box-sizing:border-box}body{background:var(--bg-gradient);color:var(--text-color);text-align:center;min-height:100vh;transition:var(--theme-transition);justify-content:center;align-items:center;margin:0;padding:0;font-family:Poppins,Inter,Arial,sans-serif;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-container{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--card-border);text-align:center;width:350px;transition:var(--theme-transition);border-radius:10px;padding:30px;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}h2{text-shadow:var(--hero-title-shadow);transition:var(--theme-transition);margin-bottom:15px;font-size:1.8rem}.form-group{text-align:left;margin-bottom:16px}label{margin-bottom:6px;font-size:.95rem;font-weight:700;display:block}input{border:1px solid var(--border-color);background:var(--progress-item-bg);width:100%;color:var(--text-color);transition:var(--theme-transition), border-color .2s ease, box-shadow .2s ease;border-radius:5px;padding:10px 12px;font-size:1rem}input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--glass-border);outline:none}input::placeholder{color:var(--text-muted)}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{padding-right:44px}.toggle-password{cursor:pointer;color:#ffffffb3;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;right:8px}.toggle-password:hover,.toggle-password:focus{color:var(--accent-color);outline:2px solid var(--accent-color);outline-offset:2px}.auth-button{background:var(--btn-primary-bg);color:#fff;cursor:pointer;width:100%;transition:var(--theme-transition), transform .2s ease;border:none;border-radius:8px;margin-top:4px;padding:12px;font-size:1rem}.auth-button:hover{background:var(--btn-primary-hover)}.auth-button:focus-visible{outline-offset:3px;outline:3px solid #0ff}.auth-button:active{transform:scale(.98)}.switch-auth{color:#ffffffbf;margin-top:14px;font-size:.9rem}.switch-auth a{color:#00d4ff;font-weight:700;text-decoration:none}.switch-auth a:hover,.switch-auth a:focus{outline-offset:2px;border-radius:2px;outline:2px solid #00d4ff;text-decoration:underline}